输入跳转

Question

我的登记表出了问题，我试过在谷歌上找到任何东西，但都没有用。

我的道布部分被分割成三个不同的输入框，我试图把右边的列放在左边，但是一旦我把任何样式放在上面，年份部分就会下降。

我尝试过很多不同的变体:浮点，显示，什么都不起作用。此外，我还增加了额外的框，总是在前两个框之后，就会发生跳伞。

当我尝试样式的时候，注意到一年下来：

​

​

总是在2之后下台，不管是什么顺序：

​

​

HTML代码：

<div id="regforms">
    <form method="post" action="register.php" name="registerform" id="registerform">
        <fieldset2>
            <div id="regforms1">
                <label for="username"></label><input type="text" name="username" id="username" placeholder="Username"/><br />
                <label for="password"></label><input type="password" name="password" id="password" placeholder="Password"/><br />
                <label for="email"></label><input type="text" name="email" id="email" placeholder="Email"/><br />
                <input type="submit" name="register" id="login" value="Register" />
            </div>
            <div id="regforms2">
                <label for="name"></label><input type="text" name="name" id="name" placeholder="Name"/><br />
                <div id="dob">
                    <label for="dobm"><input type="text" name="month" id="month" placeholder="MM"/><br />
                    <label for="dobd"><input type="text" name="day" id="day" placeholder="DD"/><br />
                    <label for="dobd"><input type="text" name="day" id="day" placeholder="DD"/><br />
                    <label for="dobd"><input type="text" name="day" id="day" placeholder="DD"/><br />
                    <label for="doby"><input type="text" name="year" id="year" placeholder="YYYY"/><br />
                </div>
            </div>
        </fieldset3>
    </form>
 </div>

CSS:

#regforms {
margin-top:200px;
border: 0; 
display:block;
width:600px;
}

#regforms1 {
padding-right:25px;
width:275px;
float:left;
}

#regforms2 {
width:275px;
float:right;
}

#dob {
}

#month{
width:5%;
margin-right:5px;
}

#day{
width:10%;
margin-right:5px;
}

#year{
width:10%;
margin-right:5px;
}

Answer 1

正如阿利根所说，你只需移除<br/>标签，尽管似乎并不是在关闭道布字段中的 tags；您应该关闭它们。