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。看起来表显示清除任何浮动（从我运行的所有测试）。我建议使用上面的解决方案来实现这个结果 - 而不是使用浮动。

Answer 2

我不确定这是否正确，但是让你的表格display: block;就足以让它按照你的意愿运作。

您可以通过编辑示例中的样式来测试它。

如何让CSS浮点重叠表？

2 个答案: