父母身高比孩子小，为什么？

Question

我正在尝试在我的网站的父容器中垂直拉伸图像（不是完整的正文），它是ID为“imagen-fondo”的div

我已尝试使用backstretch插件，并且只使用背景大小的css背景图像来执行此操作。

但两种情况下的问题是父容器的计算高度小于直接子高度，因此，背景图像看起来比内容本身小。

如何让它与他的直接孩子一样高，或者至少更大？

你可以在这里看到现场演示：

http://50.21.181.12:3001/plantillas/mba

更新：

我认为问题是div＃imagen-fondo正在获得窗口的高度而不是他的内容，这就是当屏幕很大时，问题不会发生的原因，但是当窗口小于它发生的内容，您可以使用这两个屏幕截图进行检查，就像您开始垂直滚动背景图像一样：

溢出的东西？

更新2：

现在我介绍了一些javascript来使它工作，

获取页脚偏移位置并将“.backstretch”div的高度拉伸到该高度。

但是，如果您调整窗口大小以使垂直滚动条出现并检查页面，您仍然可以看到父容器“＃imagen-fondo”（从后伸应该自动获得其高度）仍然是可见视口的高度，而不是内容本身的高度。

如果有人找到更好的方法，那么CSS只会使用这种方法而不是这种方法。

Answer 1

使用clear清除父div中的浮动：两者; 或者在父div上使用clearfix。

Answer 2

现在我介绍了一些javascript来使它工作，

读取页脚位置并将“.backstretch”div的高度拉伸到该高度。

但是，如果您调整窗口大小以使垂直滚动条出现并检查页面，您仍然可以看到父容器“＃imagen-fondo”（从后伸应该自动获得其高度）仍然是可见视口的高度，而不是内容本身的高度。

如果有人找到更好的方法，那么CSS只会使用这种方法而不是这种方法。