奇怪垂直間隙使用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/）。