元素使用position:fixed后,宽度超出父元素宽度甚至body的宽度
给一个固定定位元素设置宽度100%,审查元素发现超过375px,导致我最右边的关闭X图标都半可见了,虽然把宽度减少到95%在该分辨率下确实没问题,但是响应式就有点问题,所以还是必须把固定定位元素的宽度设置100%(设置position: fixed的元素相对单位百分比是相对于视口(viewport))
加上box-sizing: border-content,是元素内容的宽度,不包括padding的,;设置宽度100%就是正确的了,不设置默认box-sizing: border-content,100%是元素内容的宽度,不包括padding的,所以超出了