我已经远离 HTML 和 CSS 很久了，找不到这个简单问题的解决方案。
我有一个 div 位于另一个 div 中。外层黑色，内层橙色。
我的 HTML 和 CSS 是：
#outer {
position: fixed;
width: 30%;
height: 30%;
background-color: black;
}
#inner {
width: 100%;
height: 100%;
margin: 5px;
background-color: orange;
}
<div id="outer">
<div id="inner">
</div>
</div>
为什么我的内部 DIV 会从外部溢出？在不给出固定尺寸的情况下如何修复它？
由于边距 - 宽度为 100% 加上边距。为了避免这种情况，请写width: calc(100% - 10px);（= 两倍边距。）高度相同。
#outer {
position: fixed;
width: 30%;
height: 30%;
background-color: black;
}
#inner {
width: calc(100% - 10px);
height: calc(100% - 10px);
margin: 5px;
background-color: orange;
}
<div id="outer">
<div id="inner">
</div>
</div>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
