我在一个大的div里面放了两个小的div为什么我给第一个加了浮动，第二个div就跑在了第一个的下面
body{padding:0;margin:0;}#yi{background:#0033FF;height:98px;width:98px;padding:1px;}#...
body{
padding:0;
margin:0;}
#yi{
background:#0033FF;
height:98px;
width:98px;
padding:1px;
}
#er{
background:#FF0000;
width:30px;
height:30px;
float:left;
border:1px solid #FF0000;
}
#san{
background:#00FFFF;
width:30px;
height:30px;
border:1px #00FFFF solid;}
<body>
<div id="yi">
<div id="er"></div>
<div id="san"></div>
</div>
</body> 展开
padding:0;
margin:0;}
#yi{
background:#0033FF;
height:98px;
width:98px;
padding:1px;
}
#er{
background:#FF0000;
width:30px;
height:30px;
float:left;
border:1px solid #FF0000;
}
#san{
background:#00FFFF;
width:30px;
height:30px;
border:1px #00FFFF solid;}
<body>
<div id="yi">
<div id="er"></div>
<div id="san"></div>
</div>
</body> 展开
1个回答
展开全部
你这段css在每个浏览器中解释不同，
一个浮动div和一个不浮动div
在ie中浮动div是占位置的，有些浏览器则不占。
改成这样就好了。
#san{
background:#00FFFF;
width:30px;
height:30px;
border:1px #00FFFF solid;
float:left;
}
把san也改成浮动就好了。
一个浮动div和一个不浮动div
在ie中浮动div是占位置的，有些浏览器则不占。
改成这样就好了。
#san{
background:#00FFFF;
width:30px;
height:30px;
border:1px #00FFFF solid;
float:left;
}
把san也改成浮动就好了。
追问
可不可以说的具体一点，为什么三加上个浮动就ok了？
追答
原因是这样的：
两个层都浮动的话，会按照浮动的顺序依次排过去。
一个没浮动，一个浮动的话，浏览器会把浮动的div解释成没体积的，于是第三个div就占到第二个浮动的div的上面去了。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
