css3基础100问之浮动有哪些需要注意的?(9)

css3基础100问之浮动有哪些需要注意的?(9)

css3基础100问之浮动有哪些需要注意的?(9) 

一定要记住,标准流的父元素排列上下位置。

css3基础100问之浮动有哪些需要注意的?(9)

例如这三个盒子,其中两个盒子加入了浮动后,会出现甚麽情况呢? 

 css3基础100问之浮动有哪些需要注意的?(9)

效果:

css3基础100问之浮动有哪些需要注意的?(9) 

因为浮动只会影响它后面的标准流,不会影响前面的标准流,第一行相当于一行标准流,第二行影响不了前面的,只能另起一行,而不是挨着后面排列。