如何让 CSS 浮点数与表格重叠？

Question

如何让浮动元素与表格重叠？它可以很好地与其他 div 重叠，但该表似乎强制使用 clear。

在我的示例中，div 是重叠的（我想要的），但下表清除了浮动元素（我没有。）

此处的示例：http://cssdesk.com/9rZVs。 （IE好像会炒这个所以我也贴在这里。）

HTML：

<div>
  <span style="float:right;width:40%;">
    content content content content content
    content content content content content
    content content content content content
  </span>
  content content content content...
</div>

<div>
content content content content content 
content content content...
</div>

<table ><tr><td>1</td></tr></table>

CSS：

table {
 width:300px;
 border: 1px solid black;
}
span {
 border:2px solid black;
 background-color: #ddd;
 margin: 2px solid gray;
}
div {
 border:2px solid black;
 background-color: #fff;
 margin: 2px solid gray;
 width: 200px;
 padding: 10px;
}

Answer 1

你可以像这样得到你想要的功能：

<div style="position:relative">
  <span style="position:absolute;right:0;width:40%;">
    content content content content content
    content content content content content
    content content content content content
  </span>
  content content content content...
</div>

见here。似乎表格显示清除了任何浮动（来自我运行的所有测试）。我建议使用上述解决方案来实现此结果 - 而不是使用浮点数。