底部的魔術邊緣

任何人都可以請告訴我圖片的邊距/填充來自哪裏？它的底部有額外4PX和我似乎無法找到它的出處...... 在我放什麼DIV不要緊，它總是有...底部的魔術邊緣

您有8個級別的DIV從BODY到IMG元素。這真的有必要嗎？佈局看起來並不複雜（我可以用4級DIV來做這個佈局）。 – 2011-03-18 01:57:02

使用Chrome檢查元素或Firefox Firebug擴展，您將很容易得到與HTML和CSS的元素。在風格上，改變你想要的任何東西，比如@Haza說'絕對'，以便立即看到結果而無需重新加載頁面。 – CallMeLaNN 2011-03-18 02:23:41

如果您嘗試將float：left添加到圖像中，則底部邊距應該消失。

2011-03-18 18:37:00 james6848

謝謝！你能解釋一下嗎？ – 2011-03-21 19:27:21

不:)我可以解釋很多CSS的奇怪，但這只是那些奇怪的事情之一，沒有任何意義（至少對我來說沒有意義）... – james6848 2011-03-22 14:51:16

顯然這是因爲圖像被有效地視爲內嵌文本，並且這意味着在下方有一個空間（例如'y'和'g'）。 – james6848 2011-03-22 15:00:05

它們全部在您的css中使用absolute屬性進行定位。這就是爲什麼圖像之間沒有邊距或填充的原因。

這是，在我看來，在頁面上的JavaScript處理。你應該看看處理你的馬賽克的腳本/插件，並檢查是否有一個選項來改變它。

2011-03-18 01:56:56 Haza

你#content有578px內嵌式高度：

<div id="content" style="position: relative; height: 578px; " class="masoned">

如果調整高度，你就可以實現你想要的。

2011-03-18 04:45:08 Dan

回答