在我的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/