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

Question

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

参见示例：

http://jsfiddle.net/QzgHm/1/（部分元素需要保持下边距）

Answer 1

尝试position: absolute;，然后定义top，bottom，left和right的像素值。这基本上可以为您提供固定的保证金。我无法告诉您的示例您想要设置这些边距的div或section，所以请务必在父元素上使用position: relative