布局分类
- 固定宽度布局：一般宽度为960/1000/1024px
- 不固定宽度布局：主要靠文档流原理布局(自适应，不需要额外样式)
- 响应式布局(混合布局)：PC上固定宽度，手机上不固定宽度
布局思路
- 从小到大：先定大局，再完善每个部分小布局(需要经验积累)
- 从大到小：先完成小布局，再组合成大布局(新人推荐)
布局类型
- float布局
- grid布局
- flex布局
float布局
步骤：
- 子元素上加
float: left和width， - 父元素上加
.clearfix::after{
content: '';
display: block;
clear: both;
}
