9.4.2 使用clear属性实现换行
clear属性可以控制元素能够浮动在哪些元素的旁边,以及不能浮动在哪些元素的旁边。
在上一小节中,看到页脚浮动在主体内容content旁边,这是因为content设置了float:left,那么在文档流中书写在id为content的div下方的其他元素都会环绕在其右侧,直到右侧区域被填满。如果不希望footer元素环绕在content右侧,可以写为:

图9-17 使用float属性实现多栏布局

这里,为页脚设置clear:both是指页脚左、右两侧都不允许有浮动元素,在本例中也可以写为clear:left,来指定左侧不允许有浮动元素,但是,两边都进行清理也没有坏处。推荐将clear属性添加到不希望环绕浮动的元素上。