我想以像素为单位提供填充并以百分比为单位固定宽度答案

【问题标题】：i want to give padding in pixels and fix width in percentage我想以像素为单位提供填充并以百分比为单位固定宽度
【发布时间】：2014-03-20 11:52:35
【问题描述】：

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

【问题讨论】：

标签： css

【解决方案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

【讨论】：

【解决方案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%}

【讨论】：