如何將一個浮動div對齊到表格單元右邊的表格之外？

我有一張桌子。如何將一個浮動div對齊到表格單元右邊的表格之外？

我想有一個元素外部到該表，這是垂直排列的錶行之一。

像這樣的畫面： magic magic table

爲了你可以看到表左邊的（空行仍表本身的一部分，它是一個長表）。

在靠近底部的位置，您可以看到一個外部div，它與左側的tr對齊。

我知道解決方案可能涉及在所述外部div中使用position: relative，但對於我的生活，我無法獲得正確的屬性組合。

如果我只是把div的th內，然後我left: XX移動它會相對移動到th的中心，而不是它的權利。我需要說「div，你應該定位XX個像素相對到這個td的右端」。

到目前爲止，我不知道如何。

請幫忙嗎？

HTML：

<tr class="title"> 
      <th colspan=3 class="center"> 
       Match #13 
       <button class="btn btn-info btn-xs" onclick="show_clashes(13);">Show clashes</button> 
       <br> 
       2016-11-04 00:00:00 ~ 2016-11-04 23:59:59 

    <div class="clashes" id="match_clashes-13" style="display:none;"> 

     <table class="std">

CSS：

div.clashes { 
    height: 0; 
    position: relative; 
    left: 200px; 
    float: right; 
}

正如你所看到的，我試圖把div裏面說th，並將其移動到正確的，但因爲它是ID不做我的意思是做的（在圖片中，我手動將它移動到正確的位置）。

來源

2017-06-20 Pole Vedonom

發佈您的代碼 – Ryan

@Ryan完成，謝謝 –

你可以給表設置一個寬度嗎？像：

table { 
    width: 75%; 
}

如果不工作，你可以是你的代碼，所以我可以看到更多的，你說的是什麼呢？

來源

2017-06-20 19:49:44

如果可能，我寧願不必依賴於這樣的限制。如果只有你知道如何，我會認爲這可以完成。代碼發佈，謝謝。 –

您是否嘗試過與顯示器混淆？比如使所有的東西都顯示：block;'。 –

有點，但沒有發生。無論如何，即使我可以設置一個寬度的桌子，這怎麼可能？ –

如何將一個浮動div對齊到表格單元右邊的表格之外？

回答

相關問題