以下情况：
<body> <div style="position:fixed; width:100%">[place holder for header]</div> <div style="position:relative;width:100%;margin-top:100px">[content]</div> </body>
我需要标题始终可见并位于顶部,因此这个应该是位置：固定.
自我调整标题 – 高度后出现问题.如果标题高于100px,则隐藏部分内容.
解决方法
我仍然在寻找一个仅限CSS的解决方案,但目前只使用一行JavaScript的想法 – 当使用jQuery时：
JavaScript的
$(document).ready(function () {
$('#content').css('marginTop',$('#header').outerHeight(true) );
});
HTML
<body>
<div id="header" style="[…]">[place holder for header]</div>
<div id="content" style="[…]">[content]</div>
</body>
使用.outerHeight(true)的优点是,它可以处理您可能已应用于标题的边框和边距.
