jQuery, wie man die Position eines Div mit relativ zu einem anderen div setzt?

Question

ich unter zwei divs inmy html habe,

<div id="chart-2" class="graph"></div> 
<div id="chart2Buttons"></div> 

Erste div stellt die grafische Darstellung, die ich mit highchart.js bin Plotten, während der zweite die Tasten darstellt, die soll ich unter dem ersten div als Show in Bild unten platzieren .

Können Sie bitte helfen, wie kann ich dies erreichen, um meine zweite div in der unteren rechten Ecke des ersten div?

Dank

Answer 1

CSS-Regel hinzufügen:

#chart2Buttons { 
    display: inline-block; 
    float: right; 
} 

Answer 2

Versuchen Sie, diese CSS:

#chart-2{ 
    position:relative; 
} 

#chart2Buttons{ 
    position:absolute: 
    bottom:1px; 
    right:1px; 
} 

Answer 3

ein Wrapper-div auf die Tabelle und die Schaltfläche Hinzufügen und die Anzeige auf Inline-Block und Position relativ für den Wrapper. Position absolut die Taste und legen Sie sie an der unteren Ecke, wie unten

.graph{ 
 
    width: 400px; 
 
    height: 400px; 
 
    background: crimson; 
 
    line-height: 400px; 
 
    text-align: center; 
 
    color: white; 
 
    font-size: 20px; 
 
} 
 

 
.wrapper{ 
 
    position:relative; 
 
    display: inline-block; 
 
} 
 

 
#chart2Buttons{ 
 
    position: absolute; 
 
    width: 40px; 
 
    height: 40px; 
 
    right: 0; 
 
    bottom: 0; 
 
    background: cornflowerblue; 
 
    color: white; 
 
    line-height: 40px; 
 
    text-align: center; 
 
}

<div class="wrapper"> 
 
    <div id="chart-2" class="graph"> GRAPH </div> 
 
    <div id="chart2Buttons">B</div> 
 
</div>