Css 将div放在桌子的右边

我的布局如下：

我想把div放在桌子的右边。我想控制垂直（相对于顶部）和水平（相对于页面的垂直中心）

有人愿意放弃一个有效的CSS示例吗

我想你想要这个

Css

.contant{
width:200px;
  height:200px;
  border:solid 3px red;
  position:relative;
}
.out{
width:50px;
  height:50px;
  border:solid 3px green;
position:absolute;  right:-65px;
  top:100px;
}

HTML

<div class="contant">

  <div class="out"></div>

</div>

更新了--------------现在您可以习惯这一点了-----

我想你想要这个

Css

.contant{
width:200px;
  height:200px;
  border:solid 3px red;
  position:relative;
}
.out{
width:50px;
  height:50px;
  border:solid 3px green;
position:absolute;  right:-65px;
  top:100px;
}

HTML

<div class="contant">

  <div class="out"></div>

</div>

更新了--------------现在您可以习惯这一点了-----

出于对标准的热爱，请不要将该表用作整个页面的容器。您正在谈论将div放置在左侧，但您的示例将div显示在右侧。还有，@KyleSevenoaks所说的。纠正了左/右问题：）thx。完全同意不应该使用该表，但你知道，有时你从其他来源获得的代码无法编辑，因此你必须围绕现有的内容进行工作。这很有趣，因为我从未见过任何无法编辑的源代码。拜托，出于对标准的热爱，不要将该表用作整个页面的容器。您正在谈论将div放置在左侧，但您的示例将div显示在右侧。还有，@KyleSevenoaks所说的。纠正了左/右问题：）thx。完全同意不应该使用该表，但你知道，有时你从其他来源获得的代码无法编辑，因此你必须围绕现有的代码进行工作。这很有趣，因为我从未见过任何无法编辑的源代码。@ValentinDespa，是的，但你可能不应该有一个表。表格用于表格数据，而不是布局。您可以使用div中的表格，因为如果您习惯于在表格中定位，而不是创建一些问题……。@KlausByskovHoffmann我知道我不应该有一个表格，但我有一个表格，我需要在给定的情况下寻找修复方法。@ValentinDespa，是的，但您可能不应该有表格。表格用于表格数据，而不是布局。您可以在div中使用表格，因为如果您习惯于在表格中定位，则会产生一些问题……。@KlausByskovHoffmann我知道我不应该有表格，但我有一个表格，我需要在给定情况下寻找修复方法。