【发布时间】：2014-10-31 18:16:51
【问题描述】：
大家好， 我是一个完全 HTML 和 CSS 的菜鸟，当他遇到问题时，他只是在编写他的离线网站。
我有一个 div，我在其中使用绝对定位定位了几个元素。但是当我尝试定位输入字段时，它不会与其他文本垂直对齐。这是一个例子：
<div id="TopBar">
[...]
<h2 class="SubTitle" style="position:absolute; top:50px; left:75%;">Username: </h2>
<input type="text" name="username" style="display:inline; positon:absolute; top:50px; right: 5%;" />
当我运行此代码时，输入字段比“用户名：”高约 30 像素。为什么会这样，即使两者都有“顶部：50px”？
通过测试，我发现代码在没有 div 的情况下可以正常工作。这是为什么呢？
我知道我的编码真的很糟糕，请向我解释我做错了什么。
【问题讨论】：
标签： html css positioning css-position