在我的Web应用程序中,我有以下CSS规则:

/*Header*/
#headerAbs{
    background-color: #63554c;
}

#headerAbs .header1{
    float: left;
}

#headerAbs .header2{
    float: right;
}


和此HTML代码:

<div id="headerAbs">
     <img class="header1" src="../../../../imagenes/header.jpg" alt="ARVC-UMH" />
     <img class="header2" src="../../../../imagenes/logoUsal.png" alt="ARVC-UMH" />
</div>


我的问题是<img>元素的样式正确(如果更改浮动,它们会移动),但是<div>的背景没有改变。

我正在使用Firebug,并且如果我检查元素,则不会突出显示<div id="headerAbs">,这意味着出于某种原因而没有考虑。我的应用程序中的另一个元素存在相同的问题。

我想念什么吗?

提前致谢。

最佳答案

div中的所有元素都是浮动的,因此div的高度为空。您仍然可以:


height的CSS div属性设置显式值;
在浮动元素后的clear: both;中添加div块;
通过将overflow: hidden添加到它们的父级(#headerAbs { overflow: hidden; })来刷新浮动元素(所谓的float上下文)。

关于css - CSS和div问题,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/7299844/

10-08 22:26
查看更多