HTML/CSS编写一个三栏布局，左右200px，中间随窗口大小变动
2011-12-17 13:13
369 查看
<body>
<div style="float:left;width:200px;height:400px; background-color:#0FF;"></div>
<div style="float:right;width:200px;height:400px; background-color:#FF9;"></div>
<div style="width:100%-401px;;height:400px; background-color:#CC3;"></div>
</body>
<div style="float:left;width:200px;height:400px; background-color:#0FF;"></div>
<div style="float:right;width:200px;height:400px; background-color:#FF9;"></div>
<div style="width:100%-401px;;height:400px; background-color:#CC3;"></div>
</body>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 用css、html编写一个两列布局的网页，名称为css.html ，要求左侧宽度为200px ，右侧自动扩展
- html css编写一个两列布局的网页，左侧宽度为200px，右侧自动扩展
- 用CSS、HTML编写一个两列布局的网页，右侧宽度为200px，左侧自动扩展。
- 【CSS】三列布局（左右div固定宽度，中间div随浏览器窗口自适应变化宽度）
- 根据HTML+CSS完成一个三列布局，左右侧栏宽为180px，高为300px；中间栏自适应，高为300px；中间栏子元素(宽高不确定)实现水平、垂直居中。
- 用CSS、HTML编写一个两列布局的网页，右侧宽度为200px，左侧自动扩展。
- css div 布局（左右固定，中间自动大小）
- CSS自适应布局(左右固定 中间自适应或者右侧固定 左侧自适应)
- CSS---左右固定，中间自适应布局
- .使用 HTML+CSS 实现如图布局，border-widht 5px，一个格子大小是 50*50，hover时候边框变为红色（兼容IE6+，考虑语义化的结构）
- css 左右固定，中间自适应的布局
- CSS设计网页布局（1-3-1左右固定，中间动态）示例代码
- css布局左右定宽，中间自适应
- CSS布局：左右固定宽，中间自适用。
- 转载 html div三列布局占满全屏（左右两列定宽或者百分比、中间自动适应，div在父div中居底）
- [css]布局 三栏式布局，左右定宽，中间内容区域自适应
- DIV+CSS布局问题：一个宽度不确定的DIV里面放三个水平对齐的DIV，左右两个DIV宽度固定为150px，中间那个DIV充满剩余的宽度
- CSS布局，上下布局，左右布局，一列固定，剩下的自适应屏幕大小
- CSS网页布局（页面设计左右固定中间动态1-3-1)
- html css实现左右两列固定宽度中间自适应效果