奇怪垂直间隙使用CSS时布局

Question

由于乔纳森修改，CSS中现在固定在iebug.html下方。

如果不在IE6或IE7中查看它，很难真正解释这个问题，但无论如何，如果你看看IE6上的以下页面，你会在“给我发送小册子”和“我想在（打勾的一个或多个盒子）”的复选框，其标签被神秘地推或拉下来一些原因的更多信息：

http://sonic.huntinternet.com/iebug.html

我试图改变所有的边距和填充我的元素为0，但这对IE6没有影响& 7 - 意思是我认为它是某种类型的bug ..但是我真的没有en经验丰富，以便知道什么bug甚至可以查找任何类型的指针会很好。

FYI我用一个引导线从sitepoint网站使用嵌套列出了建议，但真的不应该有任何区别。根据w3c的验证器，xhtml和css都是有效的。

感谢您的帮助！ 约翰。

Answer 1

Add * display：inline-block;到您的.enquiry-form ol li。这是IE 6/7如何清除列表项（默认为块元素）到新行的常见错误。

Answer 2

为此，它被下拉，因为你的浮动标签在副本两条线长，所以OL正在调整它的顶部位置到第二行的顶部。

这里想到的解决方案是让OL向左浮动。这当然会要求每个LI都有clearfix样式（clearfix的样式可以在这里找到：http://net.tutsplus.com/tutorials/html-css-techniques/css-fudamentals-containing-children/）。