CSS高度：100％不处理内联块元素，尽管父div具有高度

Question

我有一个div里面有两个子div，就像这样：

<div id="cartgrid" style="display:inline-block">
    <div class="cart-left">
        ....
    </div>
    <div class="cart-right">
        ....
    </div>
</div>

.cart-left包含一个项目表，而.cart-right只有几个按钮，因此.cart-left总是高于.cart-right;父div的高度由.cart-left的高度决定。我希望.cart-right与.cart-left具有相同的高度，所以我给它height:100%，但即使其父亲（#cartgrid）有一个高度值，{{1}什么也没做。

小提琴：https://jsfiddle.net/zjuzh07n/

Answer 1

有点脏，但这就是我如何解决它。

#cartgrid {
  position: relative;
  display: inline-block;
}
  .cart-right {
    position: absolute;
    display: inline-block;
    right: 0;
    height: 100%;
  }

希望它可能会有所帮助。