folat:left | right | none | inherit
- 作用: 可以让行内元素变为块级元素, 脱离正常位置进行排列,原占据的空间不存在,但会占据文本空间
- 副作用: 如果父元素没有设置高度,因为浮动的元素已经脱离原始的位置,父元素检测不到子元素的大小,会产生父元素塌陷问题,也就是父元素不具有高度
解决父元素塌陷问题的方法:
- 手动给父元素添加高度
- 通过clear清除内部和外部浮动 : clear: right | left | none | both
- 给父元素添加overflow:hidden属性并结合zoom:1使用: overflow:hidden | auto用于处理溢出元素的问题
- 给父元素添加浮动