【发布时间】：2015-09-23 18:58:40
【问题描述】：
我在另一个 div 中有一个 div。但是，由于内部 div 的 margin 和 padding，每次放大时，内部 div 最终都会超出外部 div 的边界。如果不包括边距和填充，则不会发生这种情况。我想知道是否有一种方法可以使内部 div 永远不会超过外部 div，而不管内部 div 的边距和填充？
body {
width: 1000px;
}
#inner {
border: 1px solid black;
height: 90%;
margin: 2%;
padding: 2%;
}
#outer {
border: 1px solid black;
width: 50%;
height: 50%;
}
<body>
<div id = 'outer'>
<div id = 'inner'>
</div>
</div>
</body>
【问题讨论】：
-
缩放时不会在此处发生。
-
我想当你在这里说的时候，你的意思是在 jsfiddle 中？不，它不会在那里发生，因为页面是预先编码的，所以永远不会发生。当您在 Web 服务器或其他地方使用它时会发生这种情况。
-
@ManojKumar 只是标记了你，以便你看到这个。
标签： javascript jquery html css