css强制子div到动态大小的父div的底部

Question

我尝试在stackoverflow上搜索现有的解决方案，但没有任何方法可以帮助我。

我使用的是visual composer插件，我创建了一个包含壁纸图片的父div。我使用了以下css来使图片在所有屏幕尺寸上都拉伸。

.backgroundHome
{
    background: no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;


} 

这个css对我来说很完美，但是现在我在父（也就是孩子div）中创建了一个新的内线，我想强制到父div的底部。我只想在页面加载时执行此操作，但是当您滚动子项时，div必须与页面的其余部分一起滚动。请记住，根据屏幕大小动态生成父级的高度，因此将父级和子级设置为绝对位置并且固定不起作用

Answer 1

如果您将html代码段作为示例，那将会很有用，但我会尝试使用position: absolute？您说父项的高度是动态设置的，但为了滚动内容必须比父容器更长。以下代码将始终使.child元素粘贴到容器的底部。

.parent {
  position: relative
}

.child {
  position: absolute;
  left: 0;
  bottom: 0;
}