使用float属性的缺点
使用float属性以及column-count属性的缺点
使用float属性以及clear属性可以实现多栏布局，但是每个栏目条的高度随栏目中内容的多少不同而不一致，从而会导致多个栏目底部不能对齐，尤其是在每个栏目都设置了背景颜色或背景图片时更是如此。
在下例中，有三个栏目，分别是左侧边栏、中间内容和右侧边栏。
<body>
<div id="wrapper">
<div id="left一sidebar">
场在CSS3中，通过box属性来使用盒布局，针对Firefox浏览器，需要将其写为一moz一box，针对Safari浏览器或者Chrome浏览器，需要将其写为一webkit一box, IE浏览器不支持该属性。
在上例中，使用盒布局的方式，在wrapper中使用box属性，left一sidebar, content, right一sidebar中只设盆宽度、背景颜色和内边距，其效果如图9-22所示。
#wrapper{
display:一moz一box;
display:一webkit一box;
}
#1eft一sidebar{
width:130px;
background一color:#AAA;
padding:lOpx;
}
#content{
width:380px;
padding:l0px;
background一color:#EEE;
}
#right一sidebar {
width:130px;
background一color:#CCC;
padding:lOpx;
}
可以看出，三个栏目的高度对其，且各自栏目中的内容相互干扰。
