html - 位置 3 div

Question

我有 3 个 div，“left div”、“right div”和“bottom div”。我一直在绝望地尝试以某种方式定位它们，但它不起作用。这就是我理想中希望他们成为的样子:

主要问题是“left div”和“right div”的高度不同，所以我该如何解决这个问题？

编辑:我还想补充一点，左右 div 需要在内容区域内居中。

Answer 1

<div id="content">
    <div class="left">
        Left
    </div>
    <div class="right">
        Right
    </div>
    <div class="bottom">
        Bottom
    </div>
</div>

CSS:

#content{
    width:1000px;
    margin:0 auto;
}

.left{
    width:495px;
    float:left;
    margin-right:10px;
}

.right{
    width:495px;
    float:left;
}

.bottom{
    clear:both;
    margin-top:10px;
}

那么如果你想让左右匹配:(使用 jquery)

$(document).ready(function(){
    var leftdiv = $('.left').height();
    var rightdiv = $('.right').height();

    if(leftdiv > rightdiv)
        $('.right').css('height', leftdiv + 'px');
    else
        $('.left').css('height', rightdiv + 'px');
});