HTML佈局中不需要的額外右側空間

我正在使用表設計HTML佈局。在左欄中，我想要一個頂部和底部都有10像素的圖像。不幸的是，父母div添加了幾個像素。我不知道爲什麼。我包括圖片：HTML佈局中不需要的額外右側空間

enter image description here

我還創建了一個JSFiddle複製的問題。我無法在CSS中發現問題。有誰知道發生了什麼？我錯過了什麼？解決辦法是什麼？謝謝！

2013-01-13 JVerstry

「我正在設計使用表的HTML佈局。」 - 不要，那不是什麼表格。 *表格不應純粹用作佈局文檔內容的手段* - http://www.w3.org/TR/html4/struct/tables.html – Quentin

列的寬度與表格總寬度不匹配你指定。當我刪除整個桌子的寬度時，它適用於我。（但是Quentin說的） –

老實說，當佈局有點複雜時，我發現表格比嵌入式div更容易使用... Pekka，我不確定'刪除整個表格的寬度'是什麼意思。 – JVerstry

這是由於您的圖像實際width這是161px約。和你的div寬度約爲163px。您需要在您的img樣式中添加width:100%;。

2013-01-13 10:30:18

你只需要設置圖像的寬度。 div.leftColAd是163像素x 248像素和您的圖像是160像素x 239像素

2013-01-13 10:30:44 P1nGu1n

我認爲通過在#leftCol級別設置這個160px寬度，那也會設置子div的寬度... – JVerstry

回答