一个 div 位于另一个 div 中并溢出

Question

如何将一个 div 放在另一个 div 中？

内部 div 必须通过 overflow:auto; 装入外部。外部 div 必须使用 padding:1px 围绕内部 div 创建一个小框架。

http://jsfiddle.net/CbZxC/

Answer 1

尝试将高度和宽度属性放在内部 div 上。像这样： http://jsfiddle.net/CbZxC/1/

Answer 2

如果我正确理解你的问题，你也可以将 overflow:auto; 添加到外部 div，然后内部将保留在里面。 http://jsfiddle.net/zKAnv/

Answer 3

您必须浮动内部div：

div.inner {
    background:#ff0000;
    padding: 1px;
    float: left;
}

并将overflow：auto;放入外部div：

div.outer {
    position:absolute;
    width:200px;
    height:50px;
    left:50px;
    top:50px;
    border:1px solid #000000;
    background:#ffffff;
    overflow: auto;
}

确定您不希望内部div中有填充？