我已经离开HTML和CSS很久了，找不到解决这个简单问题的方法。
我把一个div放在另一个里面。外黑色和内橙色。
我的HTML和CSS是：
代码语言：javascript运行复制#outer {
position: fixed;
width: 30%;
height: 30%;
background-color: black;
}
#inner {
width: 100%;
height: 100%;
margin: 5px;
background-color: orange;
}代码语言：javascript运行复制
为什么我的内在DIV会从外在外溢出来？我如何在不给出固定尺寸的情况下修复它？