html - 位置固定在边界框内的 CSS 中？

Question

我有一个这样的评论框...

<div id="comments">
   ...
</div>

现在，在此评论 div 中，我有另一个名为 box 的 div...

<div id="comments">
   <div id="box">
       ...
   </div>
</div>

盒子 div 是 position: fixed 并且它工作得很好，但是......

我想要的是，而不是盒子 div “浮动”在所有内容之上，因为它只能在评论 div 中滚动。

我需要为此使用 JavaScript 吗？

score 2 · Accepted Answer

你不需要 JS。只需添加溢出：滚动并将外部 DIV 设置为固定大小。然后，如果内部 DIV 大于外部 div，您将看到滚动条

score 1 · Accepted Answer

<style>
    #comments { overflow: auto; height: 200px; }
</style>

<div id="comments">
   <div id="box">
       ...
   </div>
</div>

为容器 div ( comments ) 提供一个合适的高度，如果内容超过容器的高度，oveflow auto 将制作一个滚动条。

2 回答 2