css - 将 div 定位到表格的右侧

Question

我有以下布局：

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

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

使用 jsfiddle 的当前状态

Answer 1

我想你想要这个

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>

现场演示

更新了-----现在你可以习惯了 -----

<table>
<tr>
<td>
<div class="contant"> 
<div class="out"></div>        
</div>
</td>
 </tr>
 </table>