位置在CSS中固定在边界框内?

时间:2009-10-21 05:13:18

标签: html css position fixed

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

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

现在,在这个评论div中,我有另一个叫做盒子的div ......

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

盒子div是位置:固定,它工作得很好,但是......

我想要的是,而不是在所有内容之上“浮动”的方框div 只能在评论div中滚动。

我是否需要使用JavaScript?

2 个答案:

答案 0 :(得分:2)

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

您可以尝试on this page

答案 1 :(得分:1)

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

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

为容器div(注释)指定合适的高度,如果内容超出容器的高度,则溢出auto将生成滚动条。

Overflow: the 'overflow' property