Html 并排放置两个div？

我看了很多类似的问题，似乎无法解决我的问题。也许是因为滚动条的缘故

Jfiddle：

我想把这两个边栏并排放在一起。 Css:

Html:

姿态
双臂交叉
此处缺少结束结束标记：

<div id="meaning"
   Meaning
</div>


姿态
意思
双臂交叉
类别
区域
此处缺少结束标记：

<div id="meaning"
   Meaning
</div>


姿态
意思
双臂交叉
类别
区域
像这样吗

<div id="content"> <!-- start of content-->
        <div id="leftcol"> <!-- start of left col-->
            <div id="gesture">
                Gesture

            </div>
            <div id="meaning">
    Meaning
    </div>


            </div>

        <div id="middlecol"> <!-- start of middle col-->
            Arms crossed
            <div id="animation">
            Animation
            </div>
        </div> <!-- end of middle col-->
        <div id="rightcol"> <!-- start of right col -->
            <div id="category">
                Category

            </div>
            <div id="region">
                Region

            </div>

        </div>  <!-- end of right col-->
  </div>

有点像这样

<div id="content"> <!-- start of content-->
        <div id="leftcol"> <!-- start of left col-->
            <div id="gesture">
                Gesture

            </div>
            <div id="meaning">
    Meaning
    </div>


            </div>

        <div id="middlecol"> <!-- start of middle col-->
            Arms crossed
            <div id="animation">
            Animation
            </div>
        </div> <!-- end of middle col-->
        <div id="rightcol"> <!-- start of right col -->
            <div id="category">
                Category

            </div>
            <div id="region">
                Region

            </div>

        </div>  <!-- end of right col-->
  </div>

我建议您使用
%
而不是
px
。

类似于：

#leftcol {
height: 600px;
width: 48%;
margin-left:1%;
margin-right:1%;
float: left;
}

#rightcol {
float: left;
height: 400px;
width: 48%;
margin-left:1%;
margin-right:1%;
}

并检查您的
middlecol
。
我建议您使用
%
而不是
px
。

类似于：

#leftcol {
height: 600px;
width: 48%;
margin-left:1%;
margin-right:1%;
float: left;
}

#rightcol {
float: left;
height: 400px;
width: 48%;
margin-left:1%;
margin-right:1%;
}

并检查您的
middlecol

#leftcol {
height: 600px;
width: 48%;
margin-left:1%;
margin-right:1%;
float: left;
}

#rightcol {
float: left;
height: 400px;
width: 48%;
margin-left:1%;
margin-right:1%;
}