CSS浮动“FLOAT”的使用要点

FLOAT的主要功能是让网页中的内容脱离文档流，然后移动到你所在块中最上方，由left和right来决定是浮动到左边还是右边。FLOAT是用来解决网页能容无法并列的问题的，因为文档流是从上到下的，是无法并列的。但FLOAT，在使用完之后是需要清楚地，一旦忘记清除浮动，那么整个网页的排版都会变得混乱。FLOAT的清除主要可以通过，在块元素中添加内容。
例如使用伪类添加一个空的内容：
div:after{
content:”content”;
display:block;
clear:both;
}
或者直接加入一段内容，将块元素高度撑开。