DIV二列式布局：固定宽度/自适应宽度
点击数：2614 发布时间2012-01-24 23:01:18
三列式布局固定宽度
XHTML代码如下：
<div id="header">header</div>
<div id="content">
<div id="left">left</div>
<div id="main"> main </div>
<div id="right">right</div>
</div>
<div id="footer">footer</div>
三列式布局：中间宽度自适应
三列布局－中间列自适应不能通过浮动实现，但可以用绝对定位来实现：
*{
margin:0px;padding:0px
}
body{
height:100%;
}
#left{
position:absolute;
left:0px;
top:0px;
width:300px;
height:100%;
background:#e8e8e8
}
#right{
position:absolute;
right:0px;
top:0px;
width:300px;
height:100%;
background:#e8e8e8;margin:0px
}
#middle{
background:#ff0000;
height:100%;
margin:0px 305px 0px 305px
}
