1.盒子布局
display属性：block，inline-block
属性：marging,padding,border，content
2.浮动布局
float：left/right
清除浮动：clear:both;overflow:auto/hidden;after,before
3.定位布局
position属性：relative/absolute/fixed 分别 以自身位置/父容器/浏览器窗口参照坐标进行偏移
4.弹性布局
display:flex
5.表格布局
display:table/table-cell
css布局
原文地址：https://www.cnblogs.com/Longhua-0/p/9349790.html