关于浮动float

今天解决了引入自定义字体的问题；
深刻意识到了float：left的inline属性

以下是使用float之后清除浮动的一种办法。。

 在浮动元素后面增加一个空的兄弟元素（这样会撑开父元素。）
<div style="clear:both;"></div>

前.PNG
后.PNG

也可以在需要浮动元素的父元素中加上：

overflow: hidden;/*ie7++以上兼容*/
zoom:1;/*兼容ie6*/

<style>

    .clearfix:after{
        visibility: hidden;
        display: block;
        content: "";
        clear: both;
    
    </style>