常见的布局

常见布局

• 两栏布局 左边浮动，固定宽度 / 右边自适应，不加宽度 ，加padding或margin

 

 

• 登陆布局 定位元素居中

 

 

• 圣杯布局——三栏布局

  1. 左右使用定位，宽度固定 /中间宽度自适应，不设置 ，加padding或margin

     

      

      

                 2.全部用浮动，main宽度100%，左盒子向左移动页面宽度的100% 距离，右盒子向左移动本身宽度的距离。父盒子box 左右边距分别为left，right盒子的宽度 。左右盒子 定位向左/右边移动left/right盒子的距离

 

 

• 双飞翼布局 类似于三栏布局的第一种方法，只是将main盒子里装入一个新盒子，新盒子再设置一个左边距和右边距