侧栏定宽，主栏宽度自适应且优先载入代码,Css代码库,德仔网

代码语言

代码分类

【Css】侧栏定宽，主栏宽度自适应且优先载入

作者: / 发布于2010/12/30/ 982

两列布局，左栏宽度固定为200px，右栏宽度自适应且优先载入；两列间距为10px；两列高度不确定

<div><div id="content">
<div id="main">主栏</div>
<div id="sidebar">侧栏</div>
</div>css
#content {
padding-left: 210px;
}
#main {
float: right;
width: 100%;
}
#sidebar {
display: inline; /* IE6 Bug */
float: left;
width: 200px;
margin-left: -210px;
}

评论列表

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

试试其它关键字

同语言下

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

可能有用的

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

贡献的其它代码Label