0

为了简化，我已经简化了我的代码，但这是我的代码：

<div class = "content_wrapper">
    <div class = "left_side">
        LEFT SIDE<br>
            LEFT SIDE<br>
            LEFT SIDE<br>
            LEFT SIDE<br>
            LEFT SIDE<br>
            LEFT SIDE<br>
            LEFT SIDE<br>
    </div>
    <div class = "right_side">
        RIGHT SIDE<br>
                RIGHT SIDE<br>
                RIGHT SIDE<br>
                RIGHT SIDE<br>
                RIGHT SIDE<br>
                RIGHT SIDE<br>
                RIGHT SIDE<br>
    </div>
    <div class = "bottom">
        bottom content
    </div>
</div>

而CSS是：

#content_wrapper
{
    width: 960px;
    margin: 0 auto;
}

div.left_side{margin:0px; width:100px; padding:0px 0 0 5px; float:left;}
div.right_side{margin:0px; width:100px; padding:0px 0 0 5px; float:right;}

你可以在这里看到它：jsfiddle。

我怎样才能使底部的内容在两个左右容器的右下方？如果 div 在它们之后，我不知道为什么要进入这两者的中间。

4

2 回答 2

2

添加这个 CSS

.bottom{clear:both;}

于 2012-05-04T05:25:32.450 回答
2

http://jsfiddle.net/L8YN6/2/

添加以下内容是可行的，我猜：

div.bottom {clear:both;}
于 2012-05-04T05:28:08.770 回答