位置元素位于另一个右侧

Question

定位问题。
我居中<table>，我想在右侧放置<div>，因此桌子不会向左略微移动。我该怎么做？
 

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

Answer 1

你可以把表和div放在一个水平居中的元素中position: relative并使用绝对定位将div放在外面和右边。

＆＃13;

＆＃13;

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

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

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;