css布局中关于padding-right不生效的问题。

css布局中关于padding-right不生效的问题。

例如：

.m-header .search-box form {
        position: relative;
        width: 100%;
        height: 36px;
        padding-left: 60px;
        padding-right: 60px;
    }

此时的padding-right并不生效，加大padding-right的值也不会有效果。
解决办法有两种：

1.给元素添加 box-sizing:border-box 属性，让元素变成一个模型框之后就会有效果。
W3C对 box-sizing:border-box 的解释为

2.取消元素的width:100%属性。

如有错误，欢迎指正~