爲什麼我的DIV高度爲零？

我有一個div，其中包含我的頁面內容的另一個div（在這種情況下，表中有一些信息），但是，我不能讓它顯示一個背景圖像，因爲它的高度不會擴展到表的高度它包含。有人能告訴我爲什麼嗎？爲什麼我的DIV高度爲零？

<div> 
    <div style="width: 900px; margin: auto; border: 1px solid #F00;"> 
     <table align="right"> 
      <tr><td>Something to make the hight of the container not zero</td></tr> 
     </table> 
    </div> 
</div>

修訂

我很抱歉，我的表元素上省略了align = "right"（和回答我下面的問題），只要你把

來源

2012-12-05 Jimbo

您是否通過樣式表將任何樣式應用於表格或div？ –

http://jsfiddle.net/s6A8W/您可能在此處未顯示導致問題的CSS。請注意，在鏈接示例中，高度實際上爲20像素，並且邊框包裹着您的表。 –

發佈您的整個代碼或打火機。其實它是爲我工作。 – user10

問題解決了

在你的table元素上的屬性align = "right"，它將它變成一個浮動元素（相當於樣式屬性float: right。浮動元素被認爲沒有高度，因爲它們是浮動的......因此包含div的高度保持爲零。

感謝您的意見和我的歉意再次爲遺漏。

來源

2012-12-05 13:38:33 Jimbo

爲什麼我的DIV高度爲零？

回答

相關問題