html - 如何在流体 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

要么减少width右侧 div 的 ，要么减少margin-right左侧 div 的 。在下面的示例中，我增加了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;
}