网页布局

网页布局

一列布局： 

     一列布局，一般是内容较为单一的网页，例如百度搜索主页。一般采用固定长宽，且设置为水平居中。用margin{0 auto}来居中。

两列布局：

    包含两个left+right ，分别 设置float:left;float:right；

三列布局：

   这里指自适应三栏布局 left+middle+right

  方法一：按总的百分比为100%，给left、middle、right分别设置宽度，且都包含左浮动。

  方法二：左右两栏固定宽度，中间自适应宽度。

             左右两栏用定位position:absolute的方法使其靠边，中间一栏用margin值来完成位置的确定，左右margin值与左右两栏的宽度对应。

  方法三(最简单)：左右两栏固定宽度，中间自适应。

            使用display:flex，左右宽度设定。中间部分样式{flex:1}