HTML5前端开发入门之CSS浮动流

浮动流

浮动流脱标

1.什么是浮动元素的脱标？

 脱标：脱离标准流

 当某一个元素脱标以后，那么这个元素看上去就像被从标准流中删除了一样，这个就是浮动元素的脱标

 

2.浮动元素脱标之后会有什么影响？

 如果前面一个元素浮动了，而后面一个元素没有浮动，

 那么这个时候前面的一个元素就会盖住后面的一个元素

浮动元素排序规则

1.浮动元素排序规则

1.1相同方向上的浮动元素，先浮动的元素会显示在前面，后浮动的元素会显示在后面

1.2不同方向上的浮动元素，左浮动就会找左浮动，右浮动会找右浮动

1.3浮动元素浮动之后的位置，由浮动元素浮动之前在标准流中的位置来确定

浮动元素的贴靠现象

1.如果父元素的宽度足够显示所有浮动元素，

 那么浮动的元素就会并排显示