首先是float,它可以将标签向左或向右浮动。大家可以通过设置float属性来让标签横向排列,在其后面的标签会自动换行。比如下面的代码:
<div>左边的标签</div> <div>右边的标签</div>
这里大家将两个div标签设置为横向浮动,它们各占页面宽度的一半。这样它们就会排成一行,左边的标签在前,右边的标签在后。
不过,当大家将多个标签使用float属性浮动时,常常会遇到一个问题:标签之间的空隙会变得很大,导致页面布局不美观。这时候大家可以使用clear属性,将下一个标签强制换行。
比如下面的代码:
<div>左边的标签</div> <div>中间的标签</div> <div>