05 CSS3(布局)new

5、th:360px;}#side{float:left;width:200px;}#pagefooter{clear:both;/*清除浮动，防止中间三列不等高时页尾顶上去*/}信息科学与技术学院王斌可变宽度布局两列等比例布局将每列的宽由固定的值改为百分比就行了Eg:2等比例变宽.htm信息科学与技术学院王斌两列等比例布局#header,#pagefooter,#container{margin:0auto;width：760px;/*删除原来的固定宽度*/width:85%;/*改为比例宽度*/}#content{float:right;width：500px

6、;/*删除原来的固定宽度*/width:66%;/*改为比例宽度*/}#side{float:left;width：260px;/*删除原来的固定宽度*/width:33%;/*改为比例宽度*/}信息科学与技术学院王斌1-2-1单列变宽布局——改进浮动法#header,#pagefooter,#container{margin:0auto;width:85%;}#contentWrap{margin-left:-300px;float:left;width:100%;}#content{margin-left:300px;}#side{float:right;

7、width:300px;}#pagefooter{clear:both;}信息科学与技术学院王斌1-3-1液态布局（中间列可变）#navi{width:200px;position:absolute;left:0px;top:0px;}#content{right:0px;top:0px;margin-right:200px;margin-left:200px;}#side{width:200px;position:absolute;right:0px;top:0px;}

8、ivid="navi">