嵌套div不填充父级div,最小高度为100%

时间:2013-02-07 13:23:00

标签: html css

1)我有一个最小高度的div.full:100%(html,身体高度为100%)

2)嵌套在里面我有一个带有固定背景图案(叠加)的div.pattern

3)并再次嵌套一些内容。

我似乎无法使div.pattern填充整个父级(如果内容的高度很小)。 我更愿意避免使用js来解决这个问题。

我无法让jsfiddle工作。稍后会试着去拍。

3 个答案:

答案 0 :(得分:12)

当定义父元素的高度时,元素只能以百分比形式设置为高度/宽度值。 在您的情况下,父级只有一个最小高度,不是绝对高度定义。您必须明确设置高度以获得嵌套div的100%高度。

答案 1 :(得分:1)

而是使用height: 100%代替min-height,并在div.full和div.pattern中指定此内容

答案 2 :(得分:0)

我的解决方案是使用多个背景而不是额外的div叠加。我在这里描述的CSS2伪元素方式(::之前的背景模式)中做到了:

http://nicolasgallagher.com/multiple-backgrounds-and-borders-with-css2/