浮子不起作用

Question

我想创建一个右侧有垂直线的登录表单。两者都包含在div中，这是代码

<div id="logindAndRegistra">
    <div id="sezionesx">
        <div class="scritta" id="loginHeader">Login</div><br />
        <div class="scritta">Username <input id="username"/></div><br />
        <div class="scritta">Password <input id="password"/></div>
    </div>
    <div id="separatore"></div>
</div> 

CSS

#logindAndRegistra
{
    width:900px;
    margin-top:80px;
    margin-left:auto;
    margin-right:auto;  
}


#sezionesx
{
    float:left;
    width:200px
}

#separatore
{
    border-left: 1px solid black;
    height:156px; 
    border-color:#000000;
    min-height:20px;    
    margin-left:200px   
}

结果是垂直线位于父div的开头，例如登录表单。将“float：left”设置为登录表单，是否应该允许自动将下一个元素放在前一个元素的末尾？

Answer 1

好的，然后从#separatore id中删除你的margin-left：200px并添加float：left如下

#separatore   { 向左飘浮; }