将子 div 对齐到父级的底部 [关闭]

【问题标题】：Aligning child div to bottom of parent [closed]将子 div 对齐到父级的底部 [关闭]
【发布时间】：2020-08-04 16:08:33
【问题描述】：

无法将内部子 div 标记与父 div 标记的底部对齐。

HTML：

<div class="product_standard" >
    <div class="product_low" >

    </div>
</div>

编辑： ceejayoz 在 cmets 中得到了回答：在父样式上做：位置：相对并在孩子身上做：位置：绝对底部：0 宽度：100%

【问题讨论】：

位置：product_standard 上的相对位置：绝对，底部：0，宽度：product_low 上的 100%。非常基本的东西。
谢谢你的帮助，只是不记得了，我不是最适合css但我最适合php脚本：D

标签： html css

【解决方案1】：

我已经按照图片制作了一个演示。

----下面是CSS代码----

#main{background:url("http://lorempixel.com/500/500");
  width:500px;
 height:500px;
  position:relative;
  }
#main:after{
   content: "12.49 EURO";
  z-index:1;
  position:absolute;
  bottom:0;
  height:50px;
  width:100%;
  font-size:2em;
  color:#000000;
  background-color:rgba(255, 255, 255, 0.5)
}

---HTML代码看起来像----

<div id="main"> </div>

这是工作演示。 http://jsbin.com/duhicoqo/1/

【讨论】：

发布的演示链接对您有用吗？
如果演示链接对您有用，可以通过接受答案来关闭此答案。