元素強制其他元素在html中更小

Question

背景信息

我正在構建一個向其用戶顯示圖片的網站。該網站使用「帖子」表。

問題

當我添加圖片（或一個div）表中，它會自動調整柱旁邊。你可以看看這個小提琴。 http://jsfiddle.net/hsNpj/紅色DIV強制其左側的列小於其定義的寬度。奇怪的。我認爲寬度意味着寬度而不是'寬度類似'。

這裏是代碼應定義widht爲100px的CSS：

td.postopt 
{ 
    background:#f6f6f6; 
    width:100px; 
    border-right:1px solid #666; 
    height:100%; 
} 

爲什麼HTML CSS &做到這一點？我該如何解決它？

Answer 1

設置display:block;。這將強制td採取指定的寬度。

Answer 2

嘗試設置溢出規則（例如overflow: scroll;）。這會告訴瀏覽器在元素中包含的元素數量多於元素可以包含的內容時要執行的操作。

另外，請記住，表格和表格元素的行爲與標準佈局元素不完全相同。