如何在有侧边栏的情况下100％定义内容？

Question

我的网站有以下结构。如何将红色区域定义为100％，而它的侧边栏宽度为260px，侧边栏是固定的。

Answer 1

如果您可以使用CSS3，则可以使用calc：

#wrapper {
    width: calc(100% - 260px);
}

#sidebar {
    width: 260px;
}

Answer 2

#sidebar {
  position: fixed;
  width: 260px;
}

#wrapper {
  width: 100%;
  box-sizing: border-box;
  padding-left: 260px;
}

Answer 3

请查看这是否适合您：

演示：http://jsfiddle.net/dDULw/2/

<强> HTML

<div id="outer">
    <div id="sidebar">
        sidebar
    </div>
    <div id="wrapper">
        wrapper
    </div>
</div>

<强> CSS

#outer {
    overflow: hidden;
    border: 3px solid #000;
    width: 600px;
    height: 300px;
}
#sidebar {
    float: left;
    border: 5px solid blue;
    width: 130px;
    height: 250px;
}
#wrapper {
    overflow: hidden;
    border: 5px solid red;
    height: 250px;
}