为什么设置一个内容width:100%加了一个padding以后就会出现横线的滚动条。

<label class="sheetName">基本信息</label>

.sheetName{ padding:10px;display:inline-block;font-size:16px;width:100%;background-color:#E9EAEE;}

这里我给基本信息加了一个黑色背景，但是为了让他宽度100%。这样却发现出现滚动条。把宽度去掉或者把padding去掉滚动条却消失了。所以应该是这个样式的问题。

所以可能是浏览器在width的基础上又加了一个padding的值导致他的宽度大于100%；

这个时候我们就需要借助box-sizing:border-box;