CSS讓填充填充父項

我有一個div，它使用了一定量的像素（高度）。然後我想以這種方式設置填充，以填充父項。我知道我可以通過使用margin:auto來實現這個功能，但我想在這裏使用填充，因爲我的div有一個背景，我想要在整個父級上展開。CSS讓填充填充父項

所以說div有一個高度200px和父母有一個高度300px。然後，我想我的填充是頂部和底部的50px。我怎樣才能做到這一點？

2016-01-22 Xander

是否有一個原因，爲什麼你不能把背景放在父母呢？ – yts

您將'padding'添加到父項。也許你想垂直對齊到'div'中父母的內部？ –

確實聽起來像所有你問的是垂直和水平居中的圖像和有很多類似的問題在這裏。 –

只要給你的div 300像素的高度，以及（或100％），然後添加50像素padding-top和padding-bottom。這將爲您的內容提供200px的高度，但爲您的背景提供300px。

2016-01-22 16:30:08 yts

謝謝！但是如果內容沒有固定的高度，我該如何做到這一點？ – Xander

@Xander進入Paulie_D的評論 – yts

但所有類似的問題使用邊距解決它，我還沒有找到一個使用填充的問題 – Xander

在你的child-div（帶有bg圖像的那個）裏面有一個固定的內容填充，而bg-image-div的高度爲100 ％？

<div id="parent"> 
    <div id="child-width-bg-image"> 
    <div id="content-with-padding"></div> 
    </div> 
</div>

2016-01-22 15:38:45 rsn

我已經在''div中加入了一些效果和動畫，它以一種奇特的方式加載背景，所以把它放在一個不同的'div'中會很痛苦，所以我想知道是否有辦法讓填充填充父項。 – Xander

你介意發佈那個特定的代碼，或者建立一個jsfiddle嗎？現在，這個問題看起來相當抽象，幾乎沒有問題而不能看到實際的代碼。 – rsn

回答