标签：清除浮动

rockyxia 8年前 (2016-10-18) 6320浏览

写在前面 浮动 Floats 是 CSS 中的一种布局方式。它的渲染位置在行框与包含块之间，这样就可以使行框内文字与浮动元素不重叠并且环绕它显示。在布局过程中也经常会使用它来达到左右并排布局的效果。但是，由于浮动特性，容器如果没有明确设定高度，会依照普通流内元素高度设置，这样就会导致脱离普通流的浮动元素溢出容器，影响其后元素布局。 我们将现有已知的清除浮动元素方法罗列下： 采用一个HTML标签，以及cs...

rockyxia 13年前 (2011-08-26) 6648浏览

在进行浮动布局时，大多数人都深知，在必要的地方进行浮动清理：<div style="clear:both;"></div>。 例如： <div style="background:#666;"> <!-- float container --> <div style="float:left; width:30%; height:40px;backg...