以下情况：
@H_502_2@<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的
@H_502_2@$(document).ready(function () { $('#content').css('marginTop',$('#header').outerHeight(true) ); });HTML
@H_502_2@<body> <div id="header" style="[…]">[place holder for header]</div> <div id="content" style="[…]">[content]</div> </body>使用.outerHeight(true)的优点是,它可以处理您可能已应用于标题的边框和边距.
