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

时间:2016-01-02 18:28:05

标签: zurb-foundation

我正在尝试使用基础创建两个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>

小尺寸看起来很好

enter image description here

但是大中型它看起来像这样 enter image description here

而不是像这样 enter image description here

我试图添加:

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

然后第一个div(较小的一个)被粘在左侧,各种尺寸,如下所示: enter image description here

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

谢谢!!!!

更新

我有这个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;  
}

0 个答案:

没有答案