首先,可以用. body{padding:0;margin:0}清除默认样式
然后,单列布局,写一个div盒子,设置
div{
margin:0 auto;
<!---使得盒子居中并且自适应宽度,单列布局-->
}
两列布局, 分别设置左右浮动,设置占比(可自适应窗口,应用较少)
固定长度(用一个盒子把两个小盒子包起来,然后分别设置左右浮动,主盒子居中(见上))
三列布局:
全部固定宽度,左中float:left;右:right;
两边固定宽度,两边对浏览器绝对定位
position:absolute;
left:0;top:0;(zuo)
right:0;top:0;(you)margin :0 up 300 right 0 down 200 left;(上右下左的间距,div之间)
(如果板块中间想有间隔,可以加margin的值)
网友评论