Positionselement auf der rechten Seite eines anderen

Question

Eine Positionierungsfrage.
Ich habe <table> zentriert und ich möchte <div> auf der rechten Seite positionieren, so wird Tabelle nicht leicht nach links bewegen. Wie mache ich das?

Ich bin nicht sehr erfahren mit CSS und kenne nur Grundlagen, so dass Positionierung immer ein Schmerz für mich war.

Answer 1

Sie könnten die Tabelle und div in ein Element, zentriert horizontal und position: relative setzen und absolute Positionierung verwenden, um das div außerhalb und auf der rechten Seite zu setzen.

.center { 
 
    width: 50%; 
 
    margin: auto; 
 
    position: relative; 
 
} 
 

 
table { 
 
    background: blue; 
 
    width: 100%; 
 
} 
 

 
.side { 
 
    position: absolute; 
 
    top: 0; left: 100%; 
 
    background: red; 
 
}

<div class="center"> 
 
    <table> 
 
    <tr> 
 
     <td>table</td> 
 
    </tr> 
 
    </table> 
 
    <div class="side">div</div> 
 
</div>