转载

回归CSS标准之Float

元素被视作块级元素，相当于display设置为“block”；
元素具备包裹性，会根据它所包含的元素实现宽度、高度自适应；
浮动元素前后的块级兄弟元素忽视浮动元素的而占据它的位置，并且元素会处在浮动元素的下层（并且无法通过z-index属性改变他们的层叠位置），但它的内部文字和其他行内元素都会环绕浮动元素；
浮动元素前后的行内元素环绕浮动元素排列；
浮动元素之前的元素如果也是浮动元素，且方向相同，它会紧跟在它们后面；父元素宽度不够，换行展示；
浮动元素之间的水平间距不会重叠；
当包含元素中只有浮动元素时，包含元素将会高度塌陷；
浮动元素的父元素的非浮动兄弟元素，忽视浮动元素存在，覆盖浮动元素；
浮动元素的父元素的浮动兄弟元素，会跟随浮动元素布局，仿佛处在同一父元素中。

正文到此结束