html - 使内部div不超过外部div的边界，CSS，HTML

Question

我有 4 个 div。三个 div 在另一个里面。我需要它，这样无论内部 div 的宽度或高度有多少像素，它们都不会超过 100px 宽度和外部 div 100px 高度的边界。有没有办法在 css 中做到这一点？

<style>

#outside {
background-color: green;
position: absolute;
width: 100px;
height: 100px;
}
#inside {
background-color: red;
position: absolute;
width: 200px;
height: 200px;
}

</style>


<div id = 'outside'>

<div id = 'inside'></div>
<div id = 'inside'></div>
<div id = 'inside'></div>

</div>

Answer 1

取决于你想要发生什么，如果你想让内部 div 突然被切断，你可以使用 overflow:hidden;在 outside 上格

或者如果您希望内部 div 永远不会比外部 div 宽，请使用 max-width:100%; .但是通过查看您的 200px您的内部 div 的值，看起来您希望它们更大，但没有显示所有内部 div。

http://jsfiddle.net/cL1rvr4u/