使用相對於包裝div的保證金百分比而不是瀏覽器大小

我需要使用css定位三個按鈕。我目前正在使用保證金餘額：例如20％。但是，當我更改瀏覽器窗口大小時，按鈕會從其原始位置移開。使用相對於包裝div的保證金百分比而不是瀏覽器大小

這是鏈接到我的網站：http://www.iamjoetaylor.co.uk

的其他元素都留在了正確的地方，有什麼事我需要做什麼？

感謝

2011-10-26 Joe Taylor

Thankyou非常感謝！ –

「位置：絕對」元素的座標和邊距是從絕對或相對位置最近的父元素計算出來的。如果沒有這樣的元素，那麼它們是從body元素計算出來的。

如果你想相對於#wrapper元素定位按鈕，那麼你需要將＃wrapper的位置設置爲relative。

2011-10-26 10:18:29

的問題是，你正在使用包含元素3周的div position:absolute。在我看來，你應該重寫規則以達到你想要的風格position: relative

2011-10-26 10:14:38

將您的邊距設置爲百分比是相對於父元素的大小。如果不管瀏覽器窗口大小如何，保證金列表的保證金要求保持一致，只需使用px而不是%

2011-10-26 11:28:14

回答