Question

我想要一个可滚动的（overflow: auto）div元素完全包含在另一个div中，即它应该仅作为父级的叠加层。但是，我无法在孩子（我想要）中使用填充来完成这项工作。

有关我的问题的示例，请参阅this fiddle。

我怎样才能完成我所追求的目标（如果可能的话）？

HTML：

<div id="parent">
    <div id="child">
        <p>Line 1</p>
        <p>Line 2</p>
        <p>Line 3</p>
    </div>
</div>

CSS：

#parent {
   border: 1px solid #666;
   height: 2.5em;
   padding: 0;
}

#child {
    margin: 0;
    padding: 8px 20px;
    overflow: auto;
    height: 100%;
}

修改

请注意，由于技术原因，我决定使子元素可滚动而不是父元素：子元素需要完全覆盖父元素，但这会使父元素显示至少一个滚动条。

Answer 1

我相信这就是你想要的。你在错误的元素上设置高度。我玩边框只是为了让你更容易看到发生了什么。

http://jsfiddle.net/QYG5g/4/

如何在另一个内部完全包含一个可滚动的div元素？

1 个答案: