DIV沒有出現在IE8中

-1

我想創建一個網頁的基本佈局。第一個綠色div出現，但第二個div'bottomtest'不是。有誰知道爲什麼？我正在使用IE8。DIV沒有出現在IE8中

<!DOCTYPE html> 
<head>  
</head> 
<body> 
<div class="toptest" style="height:200px; width:auto; background-color:green;" /> 
<div class="bottomtest" style="background-color:blue; height:500px; width:auto;" /> 
    </body> 
</html>

來源

2013-05-27 Joe Engle

你的HTML爲[無效]（http://validator.w3.org/），它不能幫助。 – Quentin

它是如何失效？你知道爲什麼第二個div沒有出現在第一個div下面嗎？ –

我鏈接的驗證器會告訴你它是無效的。 – Quentin

第二div有沒有內容（或結束標記爲此事），具有auto一個寬度，並且是float ING。浮動元素收縮包裝他們的內容，所以你的div將收縮，直到它是0px寬（這個問題不限於IE8）。

...您似乎已經編輯了您的問題，以從樣式屬性中刪除float屬性。這個答案仍然應該解決你最初問到的問題。如果您正在嘗試創建一個簡化的測試用例，請閱讀The SSCCE（簡而言之：確保您測試了您詢問的代碼以確保其有效性，顯示您實際存在的問題並且不會引入新問題）。

來源

2013-05-27 22:07:24 Quentin

它應該是什麼樣子，綠色div在頂部，藍色div在底部？ –

它沒有。我的代碼應該是什麼樣子，以便綠色div位於藍色div的頂部？ –

您需要正確關閉兩個div才能解決此錯誤。

<!DOCTYPE HTML> 
    <head>  
    </head> 
    <body> 
     <div class="toptest" style="height:200px; width:auto; background-color:green;"></div> 
     <div class="bottomtest" style="background-color:blue; height:500px; width:auto;"></div> 
    </body> 
</html>

enter image description here

來源

2013-05-27 23:28:23

DIV沒有出現在IE8中

回答

相關問題