滚动内容中的特定固定div

Question

我想在这里做一些魔术。

我有一个主div，宽度和高度有限。这有一个滚动xy。 在里面，我需要另一个物体，如酒吧，但必须修复。和内容，必须向下滚动和向左。

想象一个表，固定了thead，但我不能使用表，我必须使用LI元素，否则。

CSS

.c {clear: both;}
.thelimitedscrollediv {width:400px;  height: 200px; overflow: scroll;}
.fixedlargebar {position:fixed;  background:#ccc; width:900px; height: 20px}

HTML

<div class="thelimitedscrollediv">

<div class="fixedlargebar">The fixed bar. This needs to scroll X</div>
<br class="c" />
And here the normal content. This have to scroll x y. 
</div><!-- @end of limitedscrollediv -->

任何人都知道我能解决这个问题吗？非常感谢！

Answer 1

您在代码中的陈述：

<div class="fixedlargebar">The fixed bar. This needs to scroll X</div>

W3C规格：

  

盒子的位置是根据'绝对'模型计算的，   但另外，盒子是相对于某些参考固定的。如   使用'绝对'模型，盒子的边距不会随之崩溃   其他利润。在手持，投影，屏幕，tty和   电视媒体类型，该框是相对于视口固定的   滚动时不移动。 Full read

简单的答案是，如果没有javascript，你无法达到你想要的效果。