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

时间:2012-09-07 19:52:17

标签: html css html5

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

参见示例:

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

1 个答案:

答案 0 :(得分:0)

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