以下情况:
<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,则隐藏部分内容.@H_403_6@
解决方法
我仍然在寻找一个仅限CSS的解决方案,但目前只使用一行JavaScript的想法 – 当使用jQuery时:
JavaScript的@H_403_6@
$(document).ready(function () { $('#content').css('marginTop',$('#header').outerHeight(true) ); });
HTML@H_403_6@
<body> <div id="header" style="[…]">[place holder for header]</div> <div id="content" style="[…]">[content]</div> </body>