如何将div背景与其内容的底部对齐

Question

我想要使用的背景与我的内容形成鲜明对比，除了图像的底部25％左右。如何将25％的位置与内容的底部或div底部的设定距离对齐？内容的高度随页面宽度而变化，背景具有大小覆盖

HTML

<div class="firstPanel">content here</div>

CSS

.firstPanel {
    background-image: URL("path-to-background");
    background-position: 50% 70%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding: 20px;
    padding-bottom: 100px;
}

Answer 1

根据我在你的问题中的理解，你可以在CSS中添加：

margin-bottom:25%;

这指定了包含元素宽度百分比的边距。

Answer 2

在css文件中使用

*{
    margin: 0;
    padding: 0;
}

它清除页面上所有不可避免的空间。