具有固定边距内容容器的流体模板

Question

我想构建一个流畅的模板，其中有一个内容容器，网页的所有 4 个边都有固定的边距。如果调整浏览器的大小，内容框也会在所有方面都发生变化，同时保持相同的边距，但会改变高度和宽度。由于高度 100% 的问题，如果内容太长，我无法正确完成下边距。在我的情况下，内容只是在没有停止和添加滚动条的情况下延伸。

参见示例：

http://jsfiddle.net/QzgHm/1/（section元素需要保留下边距）

Answer 1

尝试position: absolute;，然后为top、bottom、left 和right 定义像素值。这基本上会给你你设定的边距。在您的示例中，我无法确定您希望在哪个 div 或 section 上设置这些边距，因此请务必在父元素上使用 position: relative