9.5.2　使用盒布局

在CSS3中，通过box属性使用盒布局，针对Firefox浏览器，需要将其写为-mozbox，针对Safari浏览器或者Chrome浏览器，需要将其写为-webkit-box，IE浏览器不支持该属性。

在上例中，使用盒布局的方式，在wrapper中使用box属性，在left-sidebar、content、right-sidebar中只设置宽度、背景颜色和内边距，效果如图9-22所示。

图9-22　使用盒布局

代码如下：

可以看出，3个栏目的高度对齐，且各自栏目中的内容互不干扰。