停止使用position：fixed来折叠div

Question

我正在使用Twitter bootstrap在网站上工作，并希望我的content div位于我的fixed标题下方。问题是我的标题有position:fixed，它将它从布局流中取出并折叠我的div，因此看起来没有任何高度。我不想添加height，因为我的标题可能会根据其内容更改高度。

这是我的代码：http://jsfiddle.net/7nSss/1/

这里有一个答案How to position a html element under a fixed div，但我不想使用margin或padding，因为我的固定标题可能会改变身高。

Answer 1

这里有一个有效的jsFiddle

var heightfixed = $(".navbar-header").outerHeight();
$(".content").css("margin-top", heightfixed);

如果您的标题更改了媒体查询功能或其他内容，您只需添加$(window).resize(function() { [your code here] });即可调整窗口调整大小的功能边距。