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