所有div移动1 css

Question

如果我编辑从1 div的margin-left，窗体（div）也会移动。我怎样才能解决这个问题？我想要有3列和一些文字。

#loginwrapper { 
 
    width: 240px; 
 
    height: 305px; 
 
    float: left; 
 
    margin-left: 25px; 
 
    background: #8FB0BF; 
 
    padding: 5px; 
 
}

<div id="loginwrapper"> 
 
    <div id="login" align="left"> 
 
    <a href="login.php"><input name="naarlogin" type="button" id="loginn_btn" value="Klanten Login" /></a> 
 

 
    <br></br> 
 
    <a href="register.php"><input name="naarregister" type="button" id="registerr_btn" value="Registreren" /></a> 
 

 
    <br></br> 
 
    <a href="login.php"><input name="naarlogin" type="button" id="loginn_btn" value="Instructeurs Login" /></a> 
 

 
    <br></br> 
 
    <a href="register.php"><input name="naarregister" type="button" id="registerr_btn" value="Instructeurs Registreren" /></a> 
 

 
    <br></br> 
 
    </div> 
 
</div>

Answer 1

如果正确理解，你要修改的每个单独的DIV？ 在这种情况下，你不能作为div id：loginwrapper是一个控制你所有代码的div。如果你想手动编辑输入给他们一个类，并对其进行编辑在CSS 例如

#loginwrapper { 
 
    width: 240px; 
 
    height: 305px; 
 
    float: left; 
 
    margin-left: 25px; 
 
    background: #8FB0BF; 
 
    padding: 5px; 
 
    
 
} 
 
.input_one{ <----this is the class name of the input (this can be anything you like) 
 
margin-right: 25px !important 
 
}

<div id="loginwrapper"> 
 
    <div id="login" align="left"> 
 
    <a href="login.php"><input name="naarlogin" type="button" id="loginn_btn" value="Klanten Login" /></a> 
 

 
    <br></br> 
 
    <a href="register.php"><input name="naarregister" type="button" id="registerr_btn" value="Registreren" /></a> 
 

 
    <br></br> 
 
    <a href="login.php"><input name="naarlogin" type="button" id="loginn_btn" value="Instructeurs Login" /></a> 
 

 
    <br></br> 
 
    <a href="register.php"><input name="naarregister" type="button" id="registerr_btn" value="Instructeurs Registreren" /></a> 
 

 
    <br></br> 
 
    </div> 
 
</div>