之前不知道还有这种问题。最近在工作时才发现，将一个元素设置为position: fixed 后，它的宽度超出父容器。
本来是这样的
添加了定位后是这样的
内容被滚动条给挡住了，查询一番才发现是因为使用了百分比宽度，因为元素定位为fixed 之后，它的宽度就是相对于window 的宽度，而不跟随它父元素了，所以这里的解决办法就是在添加定位时同时改变它的width 属性，具体设置如下：
width: calc(100% - 50px) //这里的50px是设置的左右padding之和
最后，问题解决了，效果如下
