在CSS中设置页眉背景颜色

Question

我想在CSS中为我的HTML页眉元素设置背景颜色。

header { 
 
    display: inline; 
 
    width: 100%; 
 
    background-color: aqua; 
 
}

<header> 
 
    <div class="wrapper"> 
 
    <nav class="left-nav"> 
 
     <ul> 
 
     <li> 
 
      <a></a> 
 
     </li> 
 
     <li> 
 
      <a></a> 
 
     </li> 
 
     <li> 
 
      <a></a> 
 
     </li> 
 
     </ul> 
 
    </nav> 
 
    <nav class="logo"> 
 
     <img> 
 
    </nav> 
 
    </div> 
 
</header>

但头部的颜色没有变化！为什么会这样？

预先感谢您！

Answer 1

尝试不使用display：inline;

做这样的

header { 
    width: 100%; 
    background-color: aqua; 
} 

Answer 2

您将标头设置为display: inline，然后仅填充块内容。

块内容溢出它，使其为空且没有尺寸。

请勿将其设置为显示：inline。