内联 block 中的绝对定位元素

Question

我在尝试将 Logo 容器底部对齐到零高度父级时遇到了问题。最好，我想用纯 CSS 来实现这一点。

在附带的 fiddle 中，我想让 control-group 的底部与零高度 panel 元素的顶部对齐。标记需要保持原样。是否可以在不指定静态高度或顶部偏移的情况下执行此操作？ parent 需要是零高度。否则，如果它在内容之上并且有高度，它将与浅蓝色容器重叠，后者将有其他内容。因此，蓝色 div 中的内容在与 panel div 重叠的部分将不可点击。有什么建议吗？

问题可以看这里:http://jsfiddle.net/jQgHy/5/

Answer 1

我不确定这是否是您要找的...

.control-group {
  display: inline-block;
  position: absolute;
  vertical-align: bottom;
  text-align: center;
  bottom: 0;
}

http://jsfiddle.net/jQgHy/6/