css - 浮动将不起作用

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 { 浮动：左；}