如何在流体div和固定div之间建立一个空间

Question

我有这个代码，它在一个固定的div旁边制作一个流体div。

如何在它们之间留出10px的余量？

<div id="wrapper" style="width: 100%">
<div id="left" style="background-color: Blue; height: 100px; float: right; width: 200px;margin-left:10px;"></div>
<div id="right" style="background-color: #5a71e5; height: 100px; margin-right: 200px;"></div>

jsfiddle：http://jsfiddle.net/3P9XN/1/

Answer 1

使右侧div的width更少，或左侧div的margin-right更多。在下面的示例中，我增加了margin-right。

<div id="wrapper" style="width: 100%">
<div id="left" style="background-color: Blue; height: 100px; float: right; width: 200px;margin-left:10px;"></div>
<div id="right" style="background-color: #5a71e5; height: 100px; margin-right: 210px;">
</div>

Answer 2

这个怎么样：

#right {
    background-color: #5a71e5;
    height: 100px; 
    margin-right: 220px;
}