我想以像素为单位给出填充并以百分比形式修复宽度

Question

包含缩略图的外部div包含填充：20px 40px 0px 40px。现在我想为响应式布局修复宽度百分比。如果未指定宽度，则右侧有空白空间。有人可以帮助我，如果在px中有填充，如何计算'％'的宽度。

Answer 1

尝试 box-sizing

div{
padding: 20px 40px 0px 40px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

有关 box-sizing

的更多信息

Answer 2

使用类似的东西

<div class="outer">
    <div class="inner">
         <div class="child"></div>
         <div class="child"></div>
         <div class="child"></div>
    </div>
</div>

.outer{display:block; padding: 20px 40px 0px 40px}
.inner{display:block;}
.child{width:33.33%}