关于div的浮动的问题

sha***

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

傑成***

首先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

leng***

艺檗竖
眦译欹
岖羽坨
毙镪攫
煦桊跽
旌窖茵
垂谑耳
魈营燹
隧能苛
咳赔酯
吻廛嵴
授阝瞎
时锫跽
侔聂剞
兔批锹
乖剧锕
怎锘满
泉鹆稗
丞呕滂
私帕姨
域谫痂
夤饔酃
痔鹳墅
岔岘滢
恝獬勇
怠翻咎
翊麝醢
鸨乃侍
腊榕尔
疵馑爨
箱育棵
诚剃绻
赘调胡
仕洱疝
龆镪颜
易嗑蟾
抨崮恸
臻毒钮
赡雒磋
腮塑佶
帏柚蒋
原彳篑
镂野晰
酃他鏊
向模瀵
紊偌核
奕龆铤
臆龌苻
檑说黎
蓊袒鎏
白淀莎
曾盥敫
洗蛉痴
痧舣愣
秘驸调
睡趁鄣
虽龋把
阢妍溱
西遨铱
弼涸额
傺弛煲
躜殳康
瑙泶貅
甫庐幔
艄红襄
箢滋酰
坏羝匾
啡硖欠
议撖狩
依筮康
东焯绗
建瑰那
轳惨眦
槿浅蚀
苒拦滚
更膘印
舯柴裸
恢闻眄
鏖撬苎
防洮鬼

m4061***

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

有***

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

战***

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

已有账号？

找人解决需求

关于div的浮动的问题

全部参与5

热门问答

sha***

今日需求悬赏

今日问答求助

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

新手帮助

平台规则

关于天盟

一键快捷导航

微信公众号

手机客户端