彼此相邻的浮动元素

vicky.yu

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

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

实例
.thumbnail
{
float:left;
width:110px;
height:90px;
margin:5px;
}

尝试一下 »
清除浮动 - 使用 clear
元素浮动之后，周围的元素会重新排列，为了避免这种情况，使用 clear 属性。

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

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

实例
.text_line
{
clear:both;
}

尝试一下 »
提示：如果您想要了解更多有关 clear 属性的知识，请访问本站的CSS参考手册：CSS clear 属性。