CSS三列布局，左右宽度固定，中间自适应宽度代码,Css代码库,德仔网

代码语言

代码分类

【Css】 CSS三列布局，左右宽度固定，中间自适应宽度

作者:CSDN / 发布于2012/1/11/ 848

<div><div style="width:90%; margin:0 auto; overflow:auto; _display:inline-block;"> 
<div style="width:200px; float:right; background:#393"> 这是右侧的内容 固定宽度</div> 
<div style="width:150px; float:left; background:#F60 ">这是左侧的内容 固定宽度</div> 
<div style=" margin-left:160px;margin-right:210px; background:#6C3;">中间内容，自适应宽度</div> 
</div>
overflow:auto; _display:inline-block; 是清除浮动的，_display:inline-block;针对IE6的。
</div>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

同语言下

.前端PC-移动端CSS公共样式+HTML
.手机端页面通用样式
.H5页面通用头部设置
.elect默认样式美化代码兼容移动端和pc端
.按钮效果 css
.唤醒app
.放大效果
.html5+css3实现上拉和下拉刷新
.html上传图片后，在页面显示上传的图片
.html5实现点击弹出图片

可能有用的

.前端PC-移动端CSS公共样式+HTML
.手机端页面通用样式
.H5页面通用头部设置
.elect默认样式美化代码兼容移动端和pc端
.按钮效果 css
.唤醒app
.放大效果
.html5+css3实现上拉和下拉刷新
.html上传图片后，在页面显示上传的图片
.html5实现点击弹出图片

CSDN贡献的其它代码(27)

.xml操作类
.完全无组件,不用调用Excel.exe 导出数据到Excel
.DropDownList手动构造一个下拉树形
.判断是否低于IE6的版本
.javascript 鼠标拖拉画图
.取汉字首字母
.字符串格式化通用类
.mssql海量高效分页存储过程
..net 获取远程IP 得到省市
.javascript 模仿windows拖动封装类