如何将剩余宽度应用于具有特定宽度的div旁边侧边栏

Question

我打算做的是跟随.我div#sidebar右边有一个特定的宽度.这个侧边栏div位于右侧.我现在想要做的是将剩余宽度应用到div#left侧边栏左侧的另一个宽度.

但它不能正常工作,因为div 侧边栏下方div.我想要div到100% width侧边栏的边缘.不是整个方面.我制作了一张图片来更好地解释它:

以下是我目前的css:

#sidebar {
   height: 100%;
   width: 342px;
   float:right;
}

#left {
   float: left;
   width: 100%;
   height: 100%;
}

希望你明白我的观点.谢谢

Answer 1

#left您绝对可以使用left:0,在容器right: width of sidebar内定位内容relative。这样您将获得更好的浏览器支持......

超文本标记语言

<div id='container'>
 <div id='left'></div>
 <div id='sidebar'></div>
</div>

CSS

html, body {
 height:100%;
}
#container{
 position:relative; 
 height:100%;
}
#left {
 position:absolute;
 left:0;
 right:342px;
 height: 100%;
}
#sidebar {
 width: 342px;
 height: 100%;
 float:right;
}

演示