dianluo521的博客

原创 解释下浮动和它的工作原理？清除浮动的方法

解释下浮动和它的工作原理？清除浮动的方法 浮动为该元素脱离文档流，不占据空间。浮动元素碰到包含它的边框或者浮动元素的边框停留。 浮动引起的问题： 1，父元素的高度无法被撑开，影响与父元素同级的元素 2，与浮动元素同级的非浮动元素（内联元素）会紧跟其后 3，若非第一个元素浮动，则该元素之前的元素也需要浮动，否则会影响页面显示的结构 清除浮动的方法： 1，添加额外标签 在浮动元素末尾添加一个空的标签，例如 <div style='clear:both'></div> 优点：通俗易懂，容易