内联块中的绝对定位元素

Question

在尝试将徽标容器底部对齐到零高度父级时，我遇到了一个问题。我希望用纯CSS实现这一点。

在附带的小提琴中，我想让control-group的底部与零高度panel元素的顶部对齐。标记需要保持原样。是否可以在不指定静态高度或顶部偏移的情况下执行此操作？父母需要为零。否则，如果它高于内容并且它将具有高度，则它将与浅蓝色容器重叠，后者将具有其他内容。因此，蓝色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/