关于div的浮动的问题

BDH***

三个div，为什么前两个设置浮动后，第三个div不设置浮动也会跟着浮动呢？想让他不浮动还要加clear:both。这是为什么呢？

m5997***

首先div是独占一行的，第三个不设置浮动是不会跟着浮动的，前两个设置浮动会在同一级，比如float设置为left的话它们连个会横着并排着，第三个不设置浮动会就不是跟它们一伙的，也就没跟它们两没啥关系了，它只会在原来它该待在的地方，所以不会跟着浮动。clear:both意思是在左右两侧均不允许浮动元素（API），也就是说你在第三个设置这个属性了，也就等于把前两个的浮动元素清除了，他们又是一伙的了。
这是我的测试代码（你可以参考哈）：

.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;
}

1

2

3

小***

如果三个不浮动的话会占三排，前两个浮动了相当于不占据空间了，所有本来在第三排的div会占据第一排，他是在第一个div的底下

ja***

三个div会在同一行！第三个div不是应该另占一行吗？

聪***

你是怎么判断第三个浮动了呢？还是只是受浮动的影响

已有账号？

找人解决需求

关于div的浮动的问题

全部参与4

热门问答

BDH***

今日需求悬赏

今日问答求助

发布任务需求已有1031276位用户正在使用天盟网服务

新手帮助

平台规则

关于天盟

一键快捷导航

微信公众号

手机客户端