关于div的浮动的问题

JA***

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

ja***

首先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的底下

hoo***

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

dgb***

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

已有账号？

找人解决需求

关于div的浮动的问题

全部参与5

热门问答

JA***

今日需求悬赏

今日问答求助

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

新手帮助

平台规则

关于天盟

一键快捷导航

微信公众号

手机客户端