2016-01-22 125 views
0

我有一个div,它使用了一定量的像素(高度)。然后我想以这种方式设置填充,以填充父项。我知道我可以通过使用margin:auto来实现这个功能,但我想在这里使用填充,因为我的div有一个背景,我想要在整个父级上展开。CSS让填充填充父项

所以说div有一个高度200px和父母有一个高度300px。然后,我想我的填充是顶部和底部的50px。我怎样才能做到这一点?

+0

是否有一个原因,为什么你不能把背景放在父母呢? – yts

+0

您将'padding'添加到父项。也许你想垂直对齐到'div'中父母的内部? –

+0

确实听起来像所有你问的是垂直和水平居中的图像和有很多类似的问题在这里。 –

回答

0

只要给你的div 300像素的高度,以及(或100%),然后添加50像素padding-toppadding-bottom。这将为您的内容提供200px的高度,但为您的背景提供300px。

+0

谢谢!但是如果内容没有固定的高度,我该如何做到这一点? – Xander

+0

@Xander进入Paulie_D的评论 – yts

+0

但所有类似的问题使用边距解决它,我还没有找到一个使用填充的问题 – Xander

0

在你的child-div(带有bg图像的那个)里面有一个固定的内容填充,而bg-image-div的高度为100 %?

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

我已经在''div中加入了一些效果和动画,它以一种奇特的方式加载背景,所以把它放在一个不同的'div'中会很痛苦,所以我想知道是否有办法让填充填充父项。 – Xander

+0

你介意发布那个特定的代码,或者建立一个jsfiddle吗?现在,这个问题看起来相当抽象,几乎没有问题而不能看到实际的代码。 – rsn