CSS Float无法正常工作

Question

我不能让这个工作......看起来很明显，但我在这里遇到了问题！我不能排队两个div！我想要一个具有特定宽度（300px）而另一个要填充空间。

我的问题：http://jsfiddle.net/4qU4y/

CSS

body, html {
    height: 100%;
    margin: 0;
    width: 100%;
}
.red {
    width: 100%;
    background-color: red;
}

.blue {
    background: blue;
    float: right;
    width: 200px;

}

HTML 的

<div class="red">RED</div>
<div class="blue">BLUE</div>

Answer 1

你也应该漂浮另一个div。并且由于某个div有100％它永远不会漂浮。尝试：

body, html {
    height: 100%;
    margin: 0;
    width: 100%;
}
.red {
    width: 80%;
    background-color: red;
    float: left
}

.blue {
    background: blue;
    float: right;
    width: 20%;
}