2013-01-16 71 views
1

我試圖在相對位置和自動高度的div底部添加空間。有人能以正確的方式指出我嗎?CSS間距底部的相對位置div與自動高度

我的代碼:http://jsfiddle.net/Pdz3g/

我tryed在#內容使用方法:

margin-bottom: 20px; 

不過是無用的定義頂部規則時。

和:

bottom: 20px; 

對於一些reazon不到風度的工作了。

+0

你想達到什麼目的?您是否希望將'#content'的四邊看到視口中,甚至還有一些空間(20px)? – FelipeAls

+0

爲什麼使用相對定位開始? –

+0

@Diodeus:我在網站上使用容器有一個背景圖片,我需要從頂部移動500像素的內容。如果我使用絕對位置有同樣的問題,當頂部屬性設置保證金底部dosn't工作。 –

回答

1

相對定位將允許您在視口之外移動元素,具體取決於位移,其高度以及距離視口一側的距離,因此您無法保證#content完全可見。 ...

例如:http://jsfiddle.net/Pdz3g/1/它在哪裏工作,因爲高度已知,由於min-height。如果塊垂直生長,其底側將再次隱藏在視口外。

如果你想更多的控制這個元素,那麼不要使用相對定位...

+0

但是,如果我通過超過250px的最小高度http://jsfiddle.net/Pdz3g/2/ dosn't工程。 –

+0

我嘗試了這個,添加'margin-bottom:175%;'#content,sems比作品,但我需要一個整數值。 –

+0

解決了它,我使用了'margin-top',並且不會將#content添加到#container –