Question

我正在更新网站上的标题，整个标题应该是浅灰色背景。为了实现这一点，我想我可以简单地将整个标题div的背景颜色设置为灰色（E7E7E7），但不知何故，我在它的中间得到一个空白区域，我似乎无法选择/查找Firebug的整体div。

整体div是class =“header”，页面为http://www.momentumnow.biz/mn/index.shtml。

请你知道我需要做些什么才能摆脱标题中的这个空格（以及我在这里做错了什么）。请注意，您需要使浏览器窗口变宽。我希望右侧的紫色闪光灯保持朝向页面的右侧，因为此人会使页面更宽。

由于

Answer 1

你必须clear your float这样：

div.header {
    background-color: #E7E7E7;
    min-width: 1010px;
    overflow: hidden;
}

现在写一下three floated child DIV's里面.header DIV需要clear。因此，请在overflow:hidden中填写.header。

Answer 2

你必须清除浮子。如果您使用Chrome工具检查header，您会看到它的高度为0.这是因为您将内部元素浮动（将它们拉出正常流量）。只需清除它们，您的容器将再次具有高度。或指定一个高度。

Answer 3

试试这个

<div class="header">
   <div class="headerLeft">
   <div class="affiliate">
   <div class="headerRight">
   <div style="clear: both"></div> //add this 
</div>

Answer 4

你可以检查一下div标题中的每一个东西和内部标记是否也必须在更改标题背景颜色时更改背景颜色，否则你要使所有标题上面的标题应该具有透明背景颜色所以如果你改变听众的背景，它将反映其他内部的div和containts ........

css背景色麻烦

4 个答案: