急,请问div浮动的问题?

来源:百度知道 编辑:UC知道 时间:2024/06/23 00:11:52
急,请问div浮动的问题?
<style>
#kk{
border:1px dotted red;
width:300px;
height:500px;
}
</style>

<div id="kk">
<div style="background-color:yellow;border:1px solid black;width:50px;float:left;">aaa</div>
<div style="background-color:yellow;border:1px solid black;width:50px;">bbb</div>
</div>

在ie中aaa块使用了浮动后,bbb是排在aaa的右边,

可是为什么在火狐中bbb块是排在aaa的下面啊?

float的div一定要闭合。你设设置了内容为aaa的DIV的float属性,那么在肉容为bbb的DIV也要设置相应的float属性.

IE没有火狐严格,所以有时在IE中是可以的,但在火狐中就不行了.所以样式一定要写规范.

bb也要定义float:right