1)我有一个最小高度的div.full:100%(html,身体高度为100%)
2)嵌套在里面我有一个带有固定背景图案(叠加)的div.pattern
3)并再次嵌套一些内容。
我似乎无法使div.pattern填充整个父级(如果内容的高度很小)。 我更愿意避免使用js来解决这个问题。
我无法让jsfiddle工作。稍后会试着去拍。
答案 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/