单列布局:左右外边距的自动排列来实现居中:margin:0 auto;
两列布局:在单列布局的基础上,又增加了浮动与清除 浮动;
三列布局:在二列布局的基础上,第三列采用绝对定位来实现的
用户自定义布局:
1.必须把要布局的元素,让他脱离文档流;
2.用浮动来实现两列布局(浮动就是水平排列,要么向左,要么向右)
3.用绝对定位来实现三列布局(先设置定位父级,然后再设置要定位的元素的偏移量)
自定义布局=浮动(2列)+绝对定位(3列)
凡是大于二列的布局,全部采用绝对定位。
博客列表 >单列、双列、三列布局
单列布局:左右外边距的自动排列来实现居中:margin:0 auto;
两列布局:在单列布局的基础上,又增加了浮动与清除 浮动;
三列布局:在二列布局的基础上,第三列采用绝对定位来实现的
用户自定义布局:
1.必须把要布局的元素,让他脱离文档流;
2.用浮动来实现两列布局(浮动就是水平排列,要么向左,要么向右)
3.用绝对定位来实现三列布局(先设置定位父级,然后再设置要定位的元素的偏移量)
自定义布局=浮动(2列)+绝对定位(3列)
凡是大于二列的布局,全部采用绝对定位。