div+css 左右两栏 总宽度为100% 右侧固定为220px 左侧不固定宽度 怎 ...
发布网友
发布时间：2022-05-02 04:56
共3个回答
热心网友
时间：2022-04-20 19:32
body { font-family:Verdana; font-size:14px; margin:0;}
#container {margin:0 auto; width:100%;}
#sidebar { float:right; width:220px; height:500px; background:#9c6;}
#content { margin-right:225px !important; margin-right:222px; height:500px; background:#ffa;}
</style>
<div id="container">
<div id="sidebar">右边栏</div>
<div id="content">左边栏</div>
</div>
通过测试的
其中右侧宽度是220px，左侧设右外边距为225px，其中就出现了宽慰5px的空白边线
margin-right:225px !important; margin-right:222px; 是为了3像素bug设置的
希望对你有帮助
热心网友
时间：2022-04-20 20:50
热心网友
时间：2022-04-20 22:25
*{
padding:0;
margin:0;
}
div{
border:solid 1px #ccc ;
}
#left{
background:#0F9;
}
#right{
float:right;
width:220px;
background:#F33;
}
</style>
<div id="main">
<div id="right">
right<br /><br /><br /><br /><br /><br /><br />
</div>
<div id="left">
left<br /><br /><br /><br /><br /><br /><br />
</div>
</div>
