Css 浮动问题

我试图使其布局看起来像以下（原始）模型lol：

--div---------
|标签文本框|
|标签文本框|
|标签文本框|
|-------------------|

这是我所拥有的

.personalInfo_Form
{
width:600px;
margin: auto;
padding: 20px;
background-color: White;
}

.addressLabel
{
float: left;
width: 140px;
padding: 5px;
text-align: right;
}

.addressField
{
float: left;
padding: 5px;
}

在FireFox中查看的最终结果是，行是偏移的，并且不一致。我已经注意到，指定一个非常特定的div宽度可以改变position的结果，这是有意义的，因为它将强制执行浮动规则，即默认情况下项目不能重叠，从而将它们放置在彼此下方。。。然而，我想设计它，使Div的宽度不是内部元素定位的一个因素

---

为帮助干杯

添加

清除：两者都有或
清除：左侧
到您的
.addressLabel
样式。您必须通过浮动包含的div或提供一个clearfix来确保div在浮动元素之外继续运行。
Lol，谢谢您，先生。这就解决了问题。这很讽刺。我购买了一个非常好的资源“CSS权威指南”，我刚刚完成关于浮动元素的章节。本章最后一项内容是“清算”。我只读了前三句话，第四句解释了clearing的作用，我只是略过了它。啊@Matthew我可以建议把文本框放在标签上吗？然后将标签文本放在文本框的任意一侧。否则，请确保为可访问性指定[for]属性。此外，没有一本书像实际规范本身那样全面（也没有那么枯燥）。