常见的布局方式: float布局、Position定位、table布局、弹性(flex)布局、网格(grid)布局、margin-left布局
1.float布局
2.Position定位
3.网格(grid)布局
使用display：grid ;
grid-template-columns: 100px 1fr 100px; 表示左列宽设置为 100px，右列宽设置为 100px 1fx=剩于等分或者写auto
4.弹性(flex)布局
5.margin-left布局
6.table布局
父元素设置display:table, 子元素设置display:table-cell
