浮动元素碰到包含它的边框或者浮动元素的边框停留。由于浮动元素不在文档流中，所以文档
流的块框表现得就像浮动框不存在一样。浮动元素会漂浮在文档流的块框上。
浮动带来的问題：
1、 父元素的高度无法被撑开，影响与父元素同级的元素
2、 与浮动元素同级的非浮动元素（内联元素）会跟随其后
3、 若非第一个元素浮动，则该元素之前的元素也需要浮动，否则会影响页面显示的结构。
清除浮动的方式：
1、 父级div定义height
2、 最后一个浮动元素后加空div标签 并添加样式clear：both。
3、 包含浮动元素的父标签添加样式overflow为hidden或auto。
4、 父级div定义zoom
Was this helpful?
0 / 0