UC知道关于Css的div背景显示问题
来源：百度知道 编辑：UC知道 时间：2024/05/29 10:57:00
大家好！
我在做css的时候，遇到点问题，我的想法是做一个footer，这是一个div，我希望这个背景整个是一个颜色，而html的body是另一个颜色。然后我在这个div里面增加了3个子div，比如我叫他们a、b和c。前面两个都ok，可以正常显示，但当我增加第3个的时候，因为我希望a和b在第一排显示，a在最左边，b在最右边，而c我希望排在第2排，然后靠左显示。
所以在css中，我对c设置了一个clear：both；float：left。
但是一旦设置了clear，整个footer的背景就不显示了，请问是怎么回事呢？？？
<div class="footer">
<div class="a">aaa</div>
<div class="b">bbb</div>
<div class="c">ccc</div>
</div>
CSS如下：
.footer
{
margin: 5px 8px 4px 17px;
background-color:#ffffff;
}
.a
{
float:left;
}
.b
{
float:right;
}
.c
{
clear:both;
float:left;
color:#727d81;
}
hi， wengjunmin， 我按照你的说法做了，但是依然不能正常显示背景，背景现在确实要显示了，但是只显示到a和b，c那依然不显示背景色，倒是，如果我不在c使用float的话，可以正常显示，但是位置如何去控制呢？
我在做css的时候，遇到点问题，我的想法是做一个footer，这是一个div，我希望这个背景整个是一个颜色，而html的body是另一个颜色。然后我在这个div里面增加了3个子div，比如我叫他们a、b和c。前面两个都ok，可以正常显示，但当我增加第3个的时候，因为我希望a和b在第一排显示，a在最左边，b在最右边，而c我希望排在第2排，然后靠左显示。
所以在css中，我对c设置了一个clear：both；float：left。
但是一旦设置了clear，整个footer的背景就不显示了，请问是怎么回事呢？？？
<div class="footer">
<div class="a">aaa</div>
<div class="b">bbb</div>
<div class="c">ccc</div>
</div>
CSS如下：
.footer
{
margin: 5px 8px 4px 17px;
background-color:#ffffff;
}
.a
{
float:left;
}
.b
{
float:right;
}
.c
{
clear:both;
float:left;
color:#727d81;
}
hi， wengjunmin， 我按照你的说法做了，但是依然不能正常显示背景，背景现在确实要显示了，但是只显示到a和b，c那依然不显示背景色，倒是，如果我不在c使用float的话，可以正常显示，但是位置如何去控制呢？
楼主还没有理解 float的概念
因为你的 a b c都浮动了， 而你的.footer没有设置高，默认是没有高度的，显示不了背景颜色，还有楼主你的背景颜色怎么能 设置白色呢？至少设置个其他的颜色做测试吧
----------------------------------------
解决：
在.footer里面在加个 overflow:hidden;
------------------------------------
还有什么问题，可以站内消息我
<div class="footer">
<div class="a">aaa</div>
<div class="b">bbb</div>
<div class="clear"></div>
<div class="c">ccc</div>
</div>
.footer
{
margin: 5px 8px 4px 17px;
background-color:#ddd;
}
.a
{
float:left;
}
.b
{
float:right;
}
.c
{
float:left;
background-color:#727d81;
}
.clear{ clear:both;}
是因为你清除浮动没有用对。代码这样写就可以了。你试试。
CSS:
.footer
{
margin: 5px 8px 4px 17px; background-color:blue; width:900px; hei