html - 嵌套的 div 不会用 min-height 100% 填充父 div

标签 html css

1) 我有一个 div.full 最小高度: 100% (html, body is 100% height)

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

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

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

我无法让 jsfiddle 工作。稍后会尝试 psoting 一个。

最佳答案

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

关于html - 嵌套的 div 不会用 min-height 100% 填充父 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14752188/

相关文章:

jquery - 固执地向右漂浮虽然没有命令

javascript - 外部文件未加载到 HTML 中

javascript - CSS Webkit 转换不起作用

css - 如何修复垂直部分?

css - 当url不是root时访问Spring Boot中的静态资源

javascript - 子菜单不与侧面父元素重叠

html - _layout 页面 - 默认所有页面居中 - 自动宽度

javascript - 将光标位置设置为 div 中包含的文本的末尾

html - 表格中的表格,可以吗?

html - 强制响应式 Bootstrap 网格在电话模式下不折叠