html - 如何让 CSS float 与表格重叠？

Question

如何让 float 元素与表格重叠？它与其他 div 重叠得很好，但表格似乎强制执行 clear。

在我的例子中，div 是重叠的(我想要的)但是下面的表格清除了 float 元素(我没有。)

此处示例: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 .表格显示似乎清除了任何 float (从我运行的所有测试中)。我建议使用上述解决方案来实现此结果 - 而不是使用 float 。