将div放在桌子右边

Question

我有以下布局：

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

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

Current status using 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>

的 Live demo 的

已更新 -----------------现在您已经习惯了-----

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