HTML:将某些内容锚定到元素的右侧

Question

我有一个跨度，我希望对其进行正确调整，以便将其锚定到基础表格的边缘。我试过将这两个元素都包含在一个 div 中，但我想不出一个好方法让 div 在右浮动跨度时自动缩小到与表格大小相同。想法？

我试过使用 style="display: inline-block; float: left;" 但是当 span 元素是 float: right，它会把 div 扩展得太多。

使用的浏览器是兼容模式下的IE7和IE8。

Answer 1

尝试:

<div class="wrapper">
<table>
...
</table>
<span class="caption">Here is a caption</span>
</div>

与:

div.wrapper { overflow: hidden; }
span.caption { float: right; }

溢出部分很重要。

从技术上讲，您可以使用 <caption> <table> 的子元素为此，您不能在 IE6-7 上使用 CSS(右下角)设置样式。