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

Question

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

看例子:

http://jsfiddle.net/QzgHm/1/ (section 元素需要保持 bottom margin)

Answer 1

尝试 position: absolute;然后为 top 定义像素值, bottom , left , 和 right .这基本上会一直为您提供设定的 margin 。我无法在你的例子中说出哪个 div或 section你想要设置这些边距，所以一定要使用 position: relative在父元素上