我有以下设置：
<div id='sidebar'></div>
<div id='header'></div>
<div id='content'>Hello World</div>
#sidebar {
float: left;
}
#sidebar ~ * {
overflow: hidden;
}
这使得#sidebar推#header及#content到右侧，并且在那之后，#header并#content占据整个宽度。
我想做的是将标题固定在屏幕顶部，以便侧边栏继续将其向右推，但是在滚动时，它仍保留在屏幕顶部。
我天真的尝试只是简单地设定#header { position: fixed }。这行不通；会导致的宽度#header根据其子项自动计算。
所以我加了#header { width: 100% }。更近了；宽度会填满整个屏幕，但不会向右推#sidebar。添加float: left也无济于事。
我的限制是：
#content，也无法将其放在我控制的任何其他标签中#sidebar是我可以在不计算#sidebarJavascript的宽度/位置的情况下使用CSS进行此操作吗？
技巧是将标头包装在包装器中，然后固定标头在包装器中的位置。
<div>
<div id='header'></div>
</div>
header {
position: fixed;
width: 100%;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句