只用CSS匹配兩個內聯div的高度

Question

我正在一個網格上工作，我想弄清楚如何製作兩個div，即display:inline-block在高度上相互匹配。這可能只使用CSS？

例如在這裏看到這個JS小提琴。綠色區域我想成爲容器的100％，以便它與左側容器相匹配。

http://jsfiddle.net/franhaselden/kqtLkkz6/

的DIV使用下面的網格CSS：

.grid { 
    vertical-align:top; 
    font-size:0; 
    box-sizing:border-box; 
    display:inline-block; 
    font-size:0%; 
} 
.grid.golden-small { 
    width:61.8%; 
} 
.grid.golden-large { 
    width:38.2%; 
} 

我想明確說明父容器的高度，這樣做height:auto以便它適合它裏面的內容，但這似乎沒有工作。看到這裏我的第二個例子：

section { 
    height:auto; /* and added this */ 
} 
.featured-post .featured-text { 
    height:100%; /* added this */ 
} 

http://jsfiddle.net/franhaselden/kqtLkkz6/1/