背景颜色与浮动元素

Question

我有一个问题，而我想把2垂直DIV内主DIV。 background-color值不适用于主要的DIV。我想我必须看到一些带有红色背景色的部分。
请看看它的jsFiddle，并帮助我解决它。

Answer 1

尝试添加一个空格与clear:both CSS属性或设置一个高度，以您的主格。

<div id="content"> 
    <div id="float-left">Some Text floating left</div> 
    <div id="float-right">Some Text floating right</div> 
    <div id="clear"></div> 
</div> 

CSS代码

#content { 
    background-color:red; /* The background you want */ 
    width:500px; /* Demo: not important */ 
} 

#float-right { 
    float:right; 
    width:300px; 
    padding-right:20px; 
    line-height:200%; 
    background-color:#f2f2f2 
} 

#float-left { 
    float:left; 
    width:50px; 
    background-color:#e1e1e1 
} 

#clear{ 
    clear:both 
} 

See Demo

Answer 2

这是因为你的父母DIV没有高度。您将子DIV设置为浮动，以免影响父DIV的大小。您需要手动为父DIV设置高度或使用clear：both;属性