字段集填充不里面的div

Question

工作

所以我有html代码：

<fieldset> 
    <legend>Log On</legend> 

    <div class="altregrow"> 
      <label for="UserName">User name</label> 
      <input type="text" value="" name="UserName" id="UserName"> 
    </div> 

    <div class="regrow"> 
      <label for="Password">Password</label> 
      <input type="password" name="Password" id="Password"> 
    </div> 

    <div class="altregrow"> 
      <label for="RememberMe">Remember me?</label> 
      <input type="checkbox" value="true" name="RememberMe" id="RememberMe"> 
    </div> 

    <p class="right"> 
      <input type="submit" value="Log On"> 
    </p> 
</fieldset> 

而且我的CSS是：

fieldset { 
margin: 0 10px 10px 10px; 
padding: 10px; 
width: auto; 
border: 1px solid #333; 
display: block; 
} 
fieldset p { margin: 0.5em 0 0 0; } 
.regrow, .altregrow { 
text-align: left; 
padding: 7px 5px; 
width: 100%; 
margin-right: 10px; 
overflow: auto; 
} 
.regrow input, .altregrow input { 
float: right; 
margin-right: 5px; 
margin-top: 2px; 
} 
.altregrow { 
background: url(bg2.png) repeat; 
border-radius: 5px; 
-moz-border-radius: 5px; 
-khtml-border-radius: 5px; 
-webkit-border-radius: 5px; 
} 

我试图让它所以10px的边距右侧feildset内的div的一面。保证金权利不起作用，并且我试图让场地组具有不同的显示属性，但似乎没有任何效果。有任何想法吗？

Answer 1

如果您从其工作的div中删除width:100%。否则，您可以在fieldset上添加更多填充，或者为input添加margin-right。