在Internet Explorer中「浮動」塊

我決定練習網站的佈局，並開始複製其他人並學習html標記和CSS屬性。一切都很好，直到我沒有在Internet Explorer 8中打開該網站... http://hsu.su/ukt 在Internet Explorer中「浮動」塊

我忽略了？怎麼了？很抱歉的蹩腳的英語
原始頁面：
http://hsu.su/wq

肯定的是，該網站的作品在所有瀏覽器，除了IE瀏覽器。在IE8中，我把你的HTML和CSS放到了JSFiddle，它在IE中運行的很好（例如見鏈接）。

這可能表明您的HTML格式不正確。最明顯的是你沒有聲明文檔類型。如果你不知道這是什麼，更多信息here。所以，我把你的代碼，並把這個相當標準的文檔類型在：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

當然，IE8開始正確顯示它。

2012-01-22 09:19:46 Pinpickle

** Pinpickle **，你讓我的一天！十分感謝！ – user1103744

@ user1103744，我很高興我做到了！如果這是正確的答案，請點擊投票號碼下方的勾號，以便其他人在遇到此問題時能看到它。 – Pinpickle

包含該圖像的元件和文本具有清除浮動，或有溢出設置爲隱藏：

clear: left; 
overflow: hidden;

溢出隱藏迫使容器向下延伸到圖像的高度，即使它是浮動。

2012-01-22 09:20:15 Tim

謝謝，** Tim **！ – user1103744

回答