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包裝後，無論發生什麼事。