Question

CSS文字的“浮动”与“清除”？

具体的怎么的应用？给个实际的网页例子

Answer 1

<div style="float:left;background:#f00;width:200px;height:20px;"></div>
<div style="float:left;background:#000;width:200px;height:20px;"></div>
如上的代码，你会发现一个红色的div和一个黑色的div在一行显示出来。

如果去掉他们两个的float，就会显示在两行，红一行，黑一行。

如果你把第二个黑色的div里的float改为clear，即清除左浮动，他们也是两行显示，意思就是说，红色的div左浮动你的，不要影响我。

具体的应用你多玩几次就知道了。

在排版的时候，经常会要两个div并列在一行显示，这种情况就需要用float了；有时他们会影响到别的div，为了让别的div不受到影响，就需要给受到影响的div加一个clear了。