Javascript 动态更改的填充不适用于带窗体的DIV

我正在尝试更改DIV标记的填充，该标记包含一个作为其子级的表单。下面是HTML

 <div id="a">
   <form id="b" style="background-color:Red;height:300px">
      <input type="text" />
   </form>
 </div>​

---

请检查您的行为​ 不停摆弄它工作不正常…

请使用其他名称重命名表单id，然后重试，因为您的表单和div都具有相同的名称

---

我已经将你的fiddle jsfiddle.net/FAYvE用其他东西重命名表单id，然后尝试，你的表单和div都有相同的名称

---

我已经把你的小提琴叉在了jsfiddle.net/FAYvE

根据我所能收集到的信息，我想你正在寻找更像下面的叉式小提琴的东西

蓝色背景的效果是

---

据我所知，我认为你在寻找更像下面的叉形小提琴的东西

蓝色背景的效果是

---

它似乎在向div添加填充，你说的正确是什么意思？它似乎在向div添加填充，你说的正确是什么意思？因为你为表单设置了背景色，你不知道填充正在更改。天哪，我再次看到更改。。。我每人申请了1%。。但并不是一成不变的。。请再次检查..因为您为窗体设置了背景色，您不知道填充正在更改。OMG，我再次看到更改。。。我每人申请了1%。。但并不是一成不变的。。请再查一下。。

 document.onclick = function(){
    document.getElementById('a').style.padding = "1% 1% 1% 1%"    
 };