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; } 

溢出的部分是很重要的。

从技术上讲，您可以使用<table>的<caption>子元素进行此操作，但您无法在IE6-7上使用CSS（右下角）对其进行样式设置。

Answer 2

解决方案可能取决于您使用的是什么<span>。这对<span>浮动有多重要？

这有帮助吗？

<style type="text/css"> 
div.wrapper { float: left; text-align: right;} 
span.caption { background-color: #9c9;} 
</style> 

和

<div class="wrapper"> 
<span class="caption">caption</span> 
<table border="2"> 
    <tr><td>column 1</td><td>column 2</td></tr> 
</table> 
<span class="caption">caption</span> 
</div> 

确保和clear包装后，无论发生什么事。