html - 宽度为100%的容器的DIV填充剩余宽度

Question

我整个上午都在搜索，但找不到解决我的具体问题的方法。我有一个布局，其中左列设置为大约 50px，右列设置为占据页面剩余的 100%。这部分有效。

现在，在右栏中，我有另一个 2 栏布局。但是由于容器的宽度是 100%，我的内部右列不断扩展超过它的父级。我需要它来简单地填充剩余空间，类似于父布局。我用我的示例代码创建了一个 jsFiddle。

http://jsfiddle.net/87nb2/1/

如您所见，绿色的“画廊”部分越过了其父级的右侧。这就是我要解决的问题。

Answer 1

你现在的方式，我想你需要做的就是:

• 在 #gallery 上，将 width: 100% 更改为 right: 0。
• 之所以可行，是因为一个元素可以同时具有 left 和 right 属性。

Live Demo

---

您可能还想将 left 值调整为 50px，以避免切断一些左侧元素:

Live Demo