2010-10-29 69 views
5

我想要一個父div伸展時,子表寬度超出頁面寬度。寬表內div - div不伸展

什麼是最好的CSS解決方案呢?

+0

'div'通常會擴展以適合其內容;你將什麼樣式應用到表格的父'div'(和'table'本身)? – 2010-10-29 15:25:40

+0

沒有樣式 - 這個例子只是簡單的html - 我猜這個問題是因爲表超出了瀏覽器寬度 – 2010-10-29 15:36:18

+0

好吧,那麼你使用什麼標記?你可以發佈演示嗎?我建議使用[JS Fiddle](http://jsfiddle.net/)或[JS Bin](http://jsbin.com/)來做到這一點,這樣我們就能看到你所看到的。 – 2010-10-29 16:12:47

回答

6

將div設置爲display: inline-block似乎有效。

+0

感謝您的快速響應 - 這可能不是最優雅的解決方案 - 但對於我構建的迷你站點來說,這將足夠好 – 2010-10-29 15:28:56

1

您也可以使用display: table;。 (DIV)

0

在我的情況(XHTML過渡1.0的doctype)我有結構一樣

<div> 
<table> 
    <tr> 
    <td> 
    <img width="1800px" height="600px" /> 
    </td> 
    </tr> 
</table> 
</div> 

正如我在CSS規則中發現,表有

table-layout: fixed; 

當我刪除了這條規則,一切都修好了。