查漏补缺——当父元素宽度设置100%，再设置padding，为什么会出现滚动条？

问题

如题所示

width: 100%;
height: 80px;
padding: 0 80px;

答案

父元素width为100%，设置padding，出现滚动条

我们看看没有设置padding之前，视图是个啥情况？

我们可以看到整个整个盒子content的宽度为299，而此时的padding是0。

当我们加上padding之后：

我们从视图中可以看出除了content区域的299，还加上左右padding的80.