将溢出内容定位在固定标头下和固定侧边栏之间

时间:2013-11-19 14:11:56

标签: css position overflow fixed

我正在尝试在100%高度的车身上设计一个带有固定标题和固定侧边栏的网站。 唯一的问题是我无法正确放置内容,它会超过我的标题。

看到这个小提琴:http://jsfiddle.net/3FwNM/

我试图把

margin:100px 0 0 0;

到我的#content,但它会推动它然后在主体上出现一个滚动条,我想避免这种情况。滚动条应仅出现在#content。

http://jsfiddle.net/3FwNM/2/

任何帮助将不胜感激

1 个答案:

答案 0 :(得分:1)

SOLUTION

此处的一个技巧是将box-sizing: border-box添加到#primary#secondary。这可以防止顶部的填充物将高度增加到超过100%

Info on box-sizing property

编辑:使用box-sizing

的供应商前缀进行更新