Question

我想为div标签添加背景颜色。我提到了一些代码，但我没有帮我添加背景颜色。现在div标签显示为空白。我想在div标签中添加背景颜色。我不知道是什么我做错了。

 html
   <body>
    <div class="main"> 
       <div class="header">
       </div>  <!-- end of header div -->
    </div>      <!-- end of main div  -->
   </body>   
 css
     @charset "utf-8";
     body {
     margin:0;
     padding:0;
     width:100%;
     font:normal 12px/1.5em "Liberation sans", Arial, Helvetica, sans-serif;
    }
    html {
     padding:0;
      margin:0;
    }
   div { width: 100%; }
  .header
    {
    margin:0;
    padding:0;
    width:100%;
    background-color:#15317E;
   }

Answer 1

您必须为.header指定一个高度。除非你的div中包含内容，否则它将自动设置为0。

Answer 2

你必须在div中有一些内容，否则它意味着空。你可以尝试

min-height

在css中总是有一些最小高度。不建议给div设置样式，为它使用一些类！

Answer 3

您的代码没有任何问题。只是你的div没有任何内容所以高度为0，你看不到背景颜色是正常的。

添加您的：

<div class="header">
</div>

Answer 4

这是因为你的＆＃34; Header＆＃34;中没有输入任何内容。 DIV。一旦有文本背景将显示，此时div为空。

Answer 5

最简单...为标题添加一个空格作为填充，直到它有其他内容。

<div class="header">&nbsp;

Answer 6

将背景颜色更改为背景

如何为div标签添加css背景颜色

6 个答案: