以小尺寸为中心的div，但在基础上的较大尺寸的一排

Question

我正在尝试使用基础创建两个div。

我使用了这段代码：

<div id=”containerLeftWrap” class=”small-4 small-centered medium-offset-2 medium-2 medium-uncentered columns” >
    …content…
</div>

<div id="containerRight" class="medium-7 columns">
      <div id="aboutArea">
      …content…
      </div>
</div>

小尺寸看起来很好

但是大中型它看起来像这样

而不是像这样

我试图添加：

style=”display:inline-block; vertical-align:top”

然后第一个div（较小的一个）被粘在左侧，各种尺寸，如下所示：

有人知道如何解决这个问题吗？

谢谢!!!!

更新

我有这个css：

#containerLeftWrap {
  background-color: #262626;
height: 256px;
min-width: 245px;
    padding-top: 28px;
border-radius: 7px;
margin-top: 60px;
}
#aboutArea {
width: 90%;
margin: 0 auto;
background-color: #262626; 
border-radius: 7px;
padding-bottom: 15px;  
}