Question

我有三个div ..Container，Content_1和content_2。

我想要做的是将两个内容div放在容器内，并排放置。现在我已经完成了一半..但事情是我希望我的容器自动调整大小到最高的div。所以容器高度必须是自动的。使用我在JSFiddle上编写的代码，右边的content_2设置了容器高度，但左边的content_1没有..请帮助我完全卡住。

HTML：

<div class="container">

<div id="content_1">

</div>

<div id="content_2">

</div>

JSFiddle

Answer 1

这是你想要的吗？

jsFiddle Demo

.container {
    background-color: #000; 
    width: 980px;
    min-width: 980px;
    height: auto;
    position: relative;
    margin: 50px auto 100px auto;
    top:60px;
    bottom:900px;
    border:1px solid #000;
    overflow:auto; /* <========= */
}

Answer 2

您的divs结束标记已打开：</div至</div>

Answer 3

问题是您忘记了clearfix。有几种方法可以在谷歌上做一个clearfix，但解决这个问题的方法是添加溢出：隐藏到你的容器div。

在http://cdpn.io/sEwfI

上查看我的示例

 .container    
     overflow: hidden;

将两个div并排对齐

3 个答案: