常见布局实现
静态布局
- 静态布局是最为原始的布局方式
弹性布局（flexbox）
- 弹性布局可以简便、完整、响应的实现各种页面上的布局
自适应布局（bootstrap）
- 自适应布局分别为不同屏幕不同分辨率定义布局
流式布局（fluid）
- 流式布局的布局方式是页面的元素的宽度按照屏幕的分辨率进行适配的调整，但是整体布局不变
响应式布局
- 通常使用@media媒体查询，和网格系统配合相对布局单位进行布局
浮动布局（float）
- 浮动布局进行调用浮动属性改变页面中元素的位置，浮动布局应该是目前各大网站用的最多的一种布局方式
定位布局（position）
- 定位布局时利用position属性控制页面元素设置一些不规则布局
