字段集填充不裏面的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。