位置固定在边界框内的 CSS 中？答案

【问题标题】：Position Fixed in CSS within a bounding box?位置固定在边界框内的 CSS 中？
【发布时间】：2009-10-21 05:13:18
【问题描述】：

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

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

现在，在这个 cmets div 中，我有另一个名为 box 的 div...

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

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

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

我需要为此使用 JavaScript 吗？

【问题讨论】：

您能否详细说明“只能在评论 div 中滚动”的含义？此外，“浮动”在 CSS 中意味着非常具体的东西，这不是你的意思。当您说“浮动”时，您指的是 #box 出现在其他内容之前吗？
当然，当您定位：固定一个元素时，它会这样做：bluelounge.com/index.php（向下滚动页面）。我想要这个功能，但只发生在一个 div 中（而不是整个页面）——希望这是有道理的
@antony.trupe 不，它没有。社区已经说过，SO 是 HTML/CSS 问题的完美场所：meta.stackexchange.com/questions/14637/…
你可以试试doctype.com；这真的取决于你的问题有多少是视觉/像素与 ascii/代码。
meta.stackexchange.com/questions/14906/…，以及常见问题解答中的“我不应该在这里问什么样的问题？...网页设计和 HTML/CSS 布局”。

【解决方案1】：

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

你可以试试on this page

【讨论】：

【解决方案2】：

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

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

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

【讨论】：