html - 如何在右侧 float 的 div 下添加一个 div？

Question

HTML

<div class="container">
    <div class="left">
        <div class="panel">My Panel</div>
    </div>
    <div class="right"></div>
</div>

CSS

.container {
    background-color: #000;
    margin: 130px auto;
    min-height: 320px;
    width: 940px;
    overflow: auto;
    padding: 0px 10px;
 }

.left {
    width: 600px;
    margin-right: 20px;
    float: left;
 }

.right {
    width: 320px;
    height: 100% auto; 
    overflow: auto;
    background-color: blue;
    float: right;
}

.panel {
    background-color: red;
}

问题:

如何添加另一个可以放在 div.right 下的 div？我想放在 .right 下的 div 将是 .under_right CSS 是:

.under_right {
    width: 320px;
    height: 100% auto; 
    overflow: auto;
    background-color: gold;
}

Answer 1

http://jsfiddle.net/daQ22/2/

添加:

clear:both;
float:right;

到under_right