` `float: left;` 。瞧,你得到那个设计。但是,如果您在一个部分中有4列,该怎么办?当然,人们可以用浮点数来做,但是你要编写的HTML语法很容易理解。
#### CSS框架
这就是CSS框架(如[Bootstrap](http://getbootstrap.com/)和[Materialize)的](http://materializecss.com/)用武之地。这些框架提供了一个网格功能,可以将网页的每个部分划分为12列,您可以订购这些列。
![网格示例](http://blog.gridbox.io/wp-content/uploads/2018/01/download-1-1024x271.png)
> 示例Bootstrap网格
### HTML语义元素
网站通常以多列(如杂志或报纸)显示内容。
HTML5提供了定义网页不同部分的新语义元素:
```
- Defines a header for a document or a section