清除浮动-使用clear

 

    元素浮动之后，周围的元素会重新排列，为了避免这种情况，使用clear属性。

 

    clear属性指定元素两侧不能出现浮动元素。

 

    使用clear属性往文本中添加图片廊：

 

    实例

 

.text_line

 

{

 

    clear:both;

 

}

 

    彼此相邻的浮动元素

 

    如果你把几个浮动的元素放到一起，如果有空间的话，它们将彼此相邻。

 

    在这里，我们对图片廊使用float属性：

 

    实例

 

.thumbnail 

 

{

 

    float:left;

 

    width:110px;

 

    height:90px;

 

    margin:5px;

 

}