位于另一个右侧的位置元素

Question

定位问题。
我已经居中<table>，我想在右侧位置<div>，所以表格不会稍微向左移动。我怎么做？

我对CSS不是很有经验，只知道基础知识，所以定位对我来说总是很痛苦。

Answer 1

您可以将表格和div放置在水平居中的元素中，并使用绝对定位将div放到外部和右侧。

.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>