css：margin和padding的百分之使用

#app {
position: fixed;
width: 94%;
height: 100%;
background: pink;
padding: 0px 3% 0px 3%;
}

如上代码，最终结果高度是百分之百，宽度（内容区域加上padding）也是百分之百

高度百分之百好理解，为什么宽度也是百分之百？

这是因为margin和padding的百分百机制，一个元素设置了margin或者padding的距离是百分比，

那这个百分比是基于它的父元素来算的，并不是本身所以这个元素最终宽度是百分之百