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

Question

我尝试在 stackoverflow 上搜索现有解决方案，但没有任何效果。

我正在使用 visual composer 插件，我已经创建了一个包含壁纸图片的父 div。我已使用以下 CSS 使图片在所有屏幕尺寸上都能拉伸(stretch)。

.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;
}