Question

我一直在尝试让一个简单的“登录”表单垂直显示并定位它。似乎我可以做一个或另一个，从来没有。我已经尝试了不同的方法来做到这一点，所以这基本上是我的最后一次。

HTML

<form class = "login">
E-Mail: <input type="text" name="id" maxlength="30" value="" />
Password: <input type="text" name="pw" maxlength="30" value="" />
<input type="submit" name="submit" value="Login" />
</form>

CSS

login {
position:absolute;
top:10px;
left:185px;
}

login.input { 
display: inline; 
}

Answer 1

现在，您的CSS定位DOM中的<login>元素和带有输入类的<login>元素。我相信你要做的就是使用 login 类来定位表单中的 login 和元素。尝试修改你的CSS：

.login {
    position:absolute;
    top:10px;
    left:185px;
}

.login input { 
    display: inline; 
}

<强> JSFiddle

内联显示无法定位

1 个答案: