javascript - 动态添加 DIV 但保持容器的宽度和高度固定

Question

我要添加 <div>some content</div>动态地添加到容器中，但我希望此容器具有固定的高度和宽度，即添加的 div 应自行缩放以适合容器(从而避免容器中出现滚动条)。

将容器的高度设置为 100% 似乎不起作用，因为它会缩放以适应 div。

这或多或少是 jsfiddle.net 对这四个 iframe 所做的(例如，尝试调整您的窗口大小)。

有没有一种方法可以通过 CSS 实现这一点？

示例代码

<div class="container">
<div class="added"> Some content </div>
<div class="added"> Some content </div>
</div>  

风格

#container { height: 100%; width: 100% }
.added { min-height: 200px; min-width: 200px; }

Answer 1

尝试将您的溢出设置为隐藏:

#container { height: 100%; width: 100%; overflow: hidden; }