DIV二列式布局：固定宽度/自适应宽度
点击数：3042 发布时间2012-01-24 23:00:32
二列式布局：固定宽度/自适应宽度。
|
LEFT：
width：300px
|
RIGHT:
width：600px
|
XHTML代码也非常简单：
<div id="left">左分栏</div>
<div id="right">右分栏</div>
实现上图的布局有二种方法：
1、 相对式布局方式：用边距的方法实现
2、 浮动式布局方式：用float属性实现
在实现左右分栏时用到float属性。
float属性是CSS布局中非常重要的一个属性，用于控制对象有的浮动布局方式，事实上大部分DIV布局基本上都通过float的控制来实现网页布局，其常用属性值有三个：none、left、right
注意：
浮动的DIV要设置宽度
