css，浮动和保证金

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应用于两者。 Working example.

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

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