將margin-bottom應用到元素

我嘗試使用margin-bottom定位div元素。出於某種原因，邊緣底部似乎不會影響元素的位置。我試着尋找一個答案，雖然所有的答案都與position:absolute有關，我仍然無法讓它工作。將margin-bottom應用到元素

但是，我確實設法使用負邊距來定位它，但我仍然很想知道是什麼導致它無法工作。

繼承人fiddle顯示HTML/CSS。
（我在說的是圖像，margin-bottom設置爲100px。）

2012-06-14 Asaf

我已經更新了我的答案，希望能解釋爲什麼margin-bottom不會影響元素的位置。 –

嘗試將類別爲「productImage」的DIV中的位置絕對屬性。像這樣，例如：

.productImage { 
    display: block; 
    float: left; 
    position: absolute; 
    left: 450px; 
    top: 60px; 
}

使用此操作我已成功操縱圖像。我希望它能幫助你。下面的

2012-06-14 18:29:03

考慮加入display: block。

2012-06-14 18:07:47

試過 - 不起作用。 – Asaf

對不起。其他人是對的，一個負邊緣頂部是更好的。 –

底部的邊距只有在元素以某種方式通過底部定位時纔有效。現在，它的定位基於其頂部，並且正在由H1確定。如果您不希望H1成爲塊，請將其設置爲display:inline-block。您也可以將寬度設置爲該段落的寬度。

正如您所指出的那樣，這就是爲什麼負邊緣效果好的原因。

2012-06-14 18:16:08 user1337

使用一個：

進一步說明：

下邊距，在正常文檔流，只會影響後續元素的位置，因爲正常的塊級e隨着孩子的身高，他們的身高將會增加。因此，元素的位置由它之前的元素以及它自己的margin-top決定。

2012-06-14 18:31:21

回答