html - 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两者。工作示例。

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

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