浮动为文字环绕效果
浮动可以实现常规的多列布局,但个人推荐使用inline-block。浮动更适合实现自适应多列布局,比如左侧固定宽度,右侧根据父元素宽度自适应。
浮动可以实现类似inline-block的排列,比如菜单多个元素内联排列。
浮动的三个特点:
脱离文档流。
向左/向右浮动直到遇到父元素或者别的浮动元素。
浮动会导致父元素高度坍塌。