CSS 页面布局

一列布局!
设宽度!用margin: 0 auto;

两列布局
float:一个left 一个right 再清除浮动

一列固定 一列自适应
float:固定的用float 自适应用margin-left/right
position:固定的用position 自适应用margin-left/right

三列布局
float:用三个float
两边固定 中间自适应
{ float:left }  {margin-left;margin-right;} {float:right}

双飞翼布局:www.jianshu.com/p/f9bcddb0e8b4
        为了让中间的布局先加载。利用了CSS负边距
Flex 布局:www.ruanyifeng.com/blog/2015/07/flex-grammar.html 

你可能感兴趣的:(CSS 页面布局)