Wie wird ein Floating-Div an der rechten Seite einer Tabellenzelle außerhalb der Tabelle ausgerichtet?

Question

Ich habe eine Tabelle.

Ich versuche ein Element externe auf diese Tabelle zu haben, das heißt vertikal einen der Tabellenzeilen ausgerichtet ist.

Wie in diesem Bild: magic magic table

Auf der linken Seite Sie die Tabelle sehen können (die Leerzeilen selbst noch Teil der Tabelle sind, ist es ein langer Tisch).

Auf der rechten Seite, in der Nähe der Unterseite, können Sie ein externes div sehen, das an der tr zu seiner Linken ausgerichtet werden soll.

Ich verstehe, die Lösung könnte Verwendung position: relative in besagten externen Div beinhalten, aber für das Leben von mir bekomme ich nicht die richtige Kombination von Eigenschaften.

Wenn ich einfach die div innerhalb der th und ich bewege sie dann mit left: XX es relativ zum Zentrum der th, nicht zu ihrem Recht bewegen. Ich muss sagen "div, Sie sollten XX Pixel relativ an das rechte Ende dieser td positioniert werden".

Bis jetzt habe ich keine Ahnung wie.

Irgendwelche Hilfe, bitte?

---

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

Wie Sie sehen können, habe ich versucht, die div innerhalb des th, zu setzen und ihn nach rechts zu bewegen, aber wie es ID tut nicht, was ich vorhatte (auf dem Bild habe ich es manuell an den richtigen Platz verschoben).

Answer 1

Können Sie dem Tisch eine bestimmte Breite geben? Wie:

Wenn das nicht funktioniert, könnten Sie Ihren Code einschließen, damit ich mehr von dem sehen kann, worüber Sie sprechen?