将 div 与前一个 div 上显示的图像底部对齐答案

【问题标题】：Align div to bottom of image displayed on previous div将 div 与前一个 div 上显示的图像底部对齐
【发布时间】：2016-03-23 11:25:22
【问题描述】：

我需要在左侧设置一个带有徽标的标题，在右下角设置一些底部。标头的大小未知。

（对不起，我的意思是按钮而不是底部）所以我有三个 div：容器 div、徽标 div、按钮 div。如果我将容器 div 设置为固定大小，例如 30px，我可以这样做，设置底部 div：

#container-div {
    position: relative;
}
#buttons-div {
    position:absolute;
    bottom: 0px;
    right: 0px;
}

但是，如果我没有在容器 div 上设置大小，这实际上是真实的情况，buttons-div 就会消失，我认为是因为在这种情况下父 div 的大小为零。当 logo div 的大小未知时，如何正确安排？

【问题讨论】：

可能也有助于查看 html。你能把你拥有的东西扔进 CodePen (codepen.com) 并分享吗？乍一看，我建议从#buttons-div 样式中删除position: absolute;，因为这绝对会将div 在窗口中 定位，因此它可能会消失到底部在您的窗口右侧，而不是容器 div。可能不是彻底的解决方案，但这可能是一个好的开始。
呵呵，在测试中我好像推翻了自己的理论，忘记了父div的position: relative;会影响子的绝对定位。所以请忽略之前的建议。不过还是很想看看整个代码。

标签： html css

【解决方案1】：

您需要设置min-height 的min-height 才能使其工作。

看看这个

Demo

#container-div {
    position: relative;
    min-height:50px;
}
#buttons-div {
    position:absolute;
    bottom: 0px;
    right: 0px;
    width:60%;

}

li{
  float:left;
  padding: 10px;
  list-style:none;
}

【讨论】：