哥,能详细讲讲为什么会产生浮动吗?关于CSS机制的

来源:2-45 伪元素after(二)

慕侠1319920

2018-11-28 23:03:23

如题

写回答

1回答

好帮手慕星星

2018-11-29

同学不明白什么是浮动吗?

正情况下元素是按照文档流顺序依次排列的,当元素设置了float属性(属性值为left或right),元素就会脱离文档流,不占据原来的空间位置,下面的元素就会上移。举例:

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

在第一个元素不设置浮动的情况下,应该是上下排列的:

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

给第一个元素设置浮动之后:

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

第一个元素脱离文档流,第二个元素上移。

自己可以测试下,祝学习愉快!

1

0 学习 · 5012 问题

查看课程