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;
}