+ -
当前位置:首页 → 问答吧 → 三栏布局中间固定宽度左右自适应

三栏布局中间固定宽度左右自适应

时间:2010-09-20

来源:互联网

如题 三栏布局 适应不同分辨率 中间固定 左右自适应 如何写呢
<div style="width:100%;margin:0px auto"> <div style="width:100%; float:left;background-color:#333"></div> <div style="width:980px;float:left;background-color:#ff00ff"></div> <div style="width:100%;float:left;background-color:#0000ff"></div> </div>
 提示:您可以先修改部分代码再运行
这样的代码貌似不行啊

作者: pdsxb   发布时间: 2010-09-20


<div style="float:left;background-color:#333">asdasd</div> <div style="float:right;background:#ff0000;">asdasdsad</div> <div style="width:200px;background-color:#ff00ff"></div>
 提示:您可以先修改部分代码再运行
顺序调一下把固定宽度的一栏放在最后。

作者: haitao8410   发布时间: 2010-09-20

2楼不同分辨率好像显示结果不一样

作者: pdsxb   发布时间: 2010-09-20