三个div，为什么前两个设置浮动后，第三个div不设置浮动也会跟着浮动呢？想让他不浮动还要加clear:both。这是为什么呢？
2 回答
已采纳
这位同学很帅
TA贡献6条经验 获得超2个赞
首先div是独占一行的，第三个不设置浮动是不会跟着浮动的，前两个设置浮动会在同一级，比如float设置为left的话它们连个会横着并排着，第三个不设置浮动会就不是跟它们一伙的，也就没跟它们两没啥关系了，它只会在原来它该待在的地方，所以不会跟着浮动。clear:both意思是在左右两侧均不允许浮动元素（API），也就是说你在第三个设置这个属性了，也就等于把前两个的浮动元素清除了，他们又是一伙的了。
这是我的测试代码（你可以参考哈）：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title><br />
<style>
.d1,.d2,.d3{
height: 50px;
width: 50px;
}
.d1{
background-color: aquamarine;
float: left;
}
.d2{
background-color: royalblue;
float: left;
}
.d3{
background-color: red;
height: 60px;
}
</style>
</head>
<body>
<div class="d1">1</div>
<div class="d2">2</div>
<div class="d3">3</div>
</body>
</html>
- 2 回答
- 1 关注
- 2680 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消