我想构建一个流畅的模板,其中有一个内容容器,在网页的所有4个边上都有固定的边距。如果调整了浏览器的大小,内容框也会在所有方面都发生变化,保持相同的边距但更改高度和宽度。由于高度100%问题,如果内容太长,我无法正确完成底部边距。在我的情况下,内容只是伸展而不停止并添加滚动条。
参见示例:
http://jsfiddle.net/QzgHm/1/(部分元素需要保持下边距)
答案 0 :(得分:0)
尝试position: absolute;
,然后定义top
,bottom
,left
和right
的像素值。这基本上可以为您提供固定的保证金。我无法告诉您的示例您想要设置这些边距的div
或section
,所以请务必在父元素上使用position: relative