#app {
position: fixed;
width: 94%;
height: 100%;
background: pink;
padding: 0px 3% 0px 3%;
}
如上代码,最终结果高度是百分之百,宽度(内容区域加上padding)也是百分之百
高度百分之百好理解,为什么宽度也是百分之百?
这是因为margin和padding的百分百机制,一个元素设置了margin或者padding的距离是百分比,
那这个百分比是基于它的父元素来算的,并不是本身所以这个元素最终宽度是百分之百