html - css、float、margin

Question

たとえば、次のようなhtmlがある場合：

<div id="left">
  items
<div>
<div id="right">
  items
</div>

そしてこのようなcss：

#left
{
  float: right;
}
#right
{
  margin-left: 10px;
}

左側のdivの右側の境界からではなく、画面の左側から計算した右側のブロックのマージン。左側のブロックの右側から直接マージンをとるにはどうすればよいですか？

Answer 1

私は両方を左に浮かせることを好みます。

HTML

<div id="left">
  <!-- Left Content -->
</div>​

<div id="right">
  <!-- Right Content -->
</div>

<div class="clear"></div> <!-- Clear the floats -->

CSS

#left
{
  float: left;
}

#right
{
  float: left;
  margin-left: 10px;
}

.clear
{
  clear:both;
}

Answer 2

divをめくって、両方に適用float: rightします。実例。

<div id="right">
  right
</div>
<div id="left">
  left
</div>​

#left
{
  float: right;
}
#right
{
    float: right;
    margin-left: 10px;
}​