Css 固定了宽度为%的容器内的3px填充

我正在寻找一个解决方案，添加3倍填充（始终必须是3倍）在一个容器内，没有一个标准的宽度，但百分比

问题就在这里。我有一个表单框架，标签为20%，表单元素为80%

在保存表单元素（80%）的容器中，您希望有一个3px的填充，以将表单元素包装为背景。这意味着表单元素将有一个3px的背景

我已经尝试了一些解决方案，但到目前为止没有任何效果，因为我必须创建一个宽度为80%的容器，并使用3px padding和inside将表单元素的宽度设置为（80%-3px）

示例代码

<div id="formRow">
   <label style="width:20%;float:left;"> Label </label>

   <div id="formElement" style="width:80%;float:left;"> 
      <input type="text" width="???????????" />
   </div>
</div>

标签

有人能帮我做到这一点吗

---

谢谢

@nthan；您可以像这样使用css3属性

框大小调整

CSS:

注意：它在IE7中不起作用

编辑：

如果您不想使用css3，那么您可以将

边距

赋给它的

子项

div，而不是将

填充

赋给它的

父项

div

#formElement input{
 margin:3px
}

这可能对您有用。

在此处输入代码

编辑2

---

检查此链接它的工作

尝试删除

Float:left

表单元素Div，并将

style=“border:solid 1px!333；padding:5px；”

添加到

表单行

Div

尝试以下操作：

<div id="formRow" style="padding:0px 6px 0px 0px;">
   <label style="width:20%;float:left;"> Label </label>

   <div id="formElement" style="width:80%;float:left; padding:3px;margin-right:-6px"> 
      input
   </div>
</div>

标签
输入

感谢您的回复，但我没有在本项目中使用css3，即使如此，输入的宽度必须是多少？如果我把它设置为100%，那就错了，因为它的左右边距实际上是100%减去6px。使用这个，我有一个3px的背景色，输入的边框可以创建一个漂亮的灰色布局

<div id="formRow" style="padding:0px 6px 0px 0px;">
   <label style="width:20%;float:left;"> Label </label>

   <div id="formElement" style="width:80%;float:left; padding:3px;margin-right:-6px"> 
      input
   </div>
</div>