如何将我的标题框移到图片底部
How to move my headline box to the bottom of image
我知道它并不短，但我刚刚进入 css，我现在已经有大约 2 周无法解决这些问题了...
我无法将 .headline-box 移动到图片底部。我试图改变我的显示和玩，块，弹性，网格并将其更改为 row/column justify/align 但没有。我试着改变姿势 bottom: 0 深蹲...
谁能告诉我如何解决它？你有这个解决方案吗？
为什么我所做的都不起作用？
为什么当我给出位置时：相对于这个class，它在图像之后，向下..？
除此之外，我真的可以使用帮助来简化我的代码...
我postlink但是这个url:
谢谢大家:)
我按照你的意愿把你的.headline-box移到了底部。这个问题是由几个原因引起的，最重要的是你的 header/container-fluid/row 没有高度，而且因为你的 body 也没有高度，所以这样做无论如何都没有结果。
我做了以下事情：
body & html 现在有 100% 的高度（总是这样做！）header也有100%的身高。- 从您的 html 中删除了图像并将其作为
background-image 应用到您的 header。
- 您的
.headline-box 现在有 bottom: 0，现在放在底部。
- 我大大清理了你的代码并遗漏了以下不必要的项：
- 额外
<section> 仅需一个 h3。
<div id="main img-div"> 没有结束标签。- 也是不必要的，因为您已经将您的内容整齐地放在
header 和 section(s). 中
这是更新后的 Codepen。
如果您还有任何问题，请告诉我:)
我知道它并不短，但我刚刚进入 css，我现在已经有大约 2 周无法解决这些问题了...
我无法将 .headline-box 移动到图片底部。我试图改变我的显示和玩，块，弹性，网格并将其更改为 row/column justify/align 但没有。我试着改变姿势 bottom: 0 深蹲...
谁能告诉我如何解决它？你有这个解决方案吗？
为什么我所做的都不起作用？
为什么当我给出位置时：相对于这个class，它在图像之后，向下..？
除此之外，我真的可以使用帮助来简化我的代码...
我postlink但是这个url:
谢谢大家:)
我按照你的意愿把你的.headline-box移到了底部。这个问题是由几个原因引起的，最重要的是你的 header/container-fluid/row 没有高度，而且因为你的 body 也没有高度，所以这样做无论如何都没有结果。
我做了以下事情：
body&html现在有100%的高度（总是这样做！）header也有100%的身高。- 从您的 html 中删除了图像并将其作为
background-image应用到您的 header。 - 您的
.headline-box现在有bottom: 0，现在放在底部。 - 我大大清理了你的代码并遗漏了以下不必要的项：
- 额外
<section>仅需一个h3。 <div id="main img-div">没有结束标签。- 也是不必要的，因为您已经将您的内容整齐地放在
header和section(s). 中
- 额外
这是更新后的 Codepen。
如果您还有任何问题，请告诉我:)