1)我有一个 div.full 最小高度:100%(html,正文是 100% 高度)
2)嵌套在里面我有一个带有固定背景图案(叠加)的 div.pattern
3)并再次嵌套一些内容。
我似乎无法让 div.pattern 填充整个父级(如果内容的高度很小)。最好我想避免使用 js 来解决这个问题。
我无法让 jsfiddle 工作。稍后将尝试 psoting 一个。
当父元素的高度也被定义时,元素只能设置为百分比的高度/宽度值。在您的情况下,父母只有一个最小高度,这不是绝对高度定义。您必须明确设置高度以获得嵌套 div 的 100% 高度。
而是在 div.full 和 div.pattern 中使用height: 100%
而不是指定它min-height
我的解决方案是使用多个背景而不是额外的 div 覆盖。我以这里描述的 CSS2 伪元素方式(带有背景图案的::before)完成了它:
http://nicolasgallagher.com/multiple-backgrounds-and-borders-with-css2/