清除浮动的问题2

来源:5-1 清除浮动

慕UI1578266

2020-03-16 21:17:22

http://img.mukewang.com/climg/5e6f7b540995fe2a06120358.jpg

http://img.mukewang.com/climg/5e6f7b540959afaa09800515.jpg

http://img.mukewang.com/climg/5e6f7b54094eea4a03790591.jpg

clear写在div2中,应该就是div2开始就不浮动。蓝色方块按老师说的应该是在黄色的下面。而div4又设置了浮动,它为什么在蓝色的下面,绿色又什么被黑色覆盖

写回答

1回答

好帮手慕小尤

2020-03-17

同学你好,1.  clear 属性(清除浮动)定义了元素的哪边上不允许出现浮动元素。当在div2中添加clear: both;并不会取消div2中设置的浮动,而是取消在元素上面浮动的内容,让其独占一行。

2. div2设置了浮动,则浮动到div3上,并因div3没有设置赋值占一行的位置,则div4 设置浮动是,会到div3的下方。div5没有浮动,则占去div4的位置,呈现出黑色覆盖绿色的布局。如下图所示:

http://img.mukewang.com/climg/5e703db109f1814905360505.jpg

如果我的回答解决了你的疑惑,请采纳,祝学习愉快~

0

0 学习 · 9666 问题

查看课程