Html，Css - 当div显示垂直滚动条时，内部div转到父级外部

Question

当垂直滚动存在

时，此表（当我用div替换表格时）将在父级之外

错误屏幕

http://i.stack.imgur.com/MSMpE.png

演示

http://tuteta.ru:3000/，按下红色按钮＆＃34; Bug在这里＆＃34;。您将看到用户列表，某些用户的表格将超出父级。

Answer 1

.parent{
 position:relative;
 height:150px;
 width:200px;
 border:1px solid;
 overflow:auto;
}
.one{
  position:relative;
  display:block;
  height:50px;
  width:100%;
  margin:5px auto;
  background:#600;
  color:gold;
  text-align:center;
}

<div class="parent">
  <div class="one">one</div>
  <div class="one">Two</div>
  <div class="one">Three</div>
  <div class="one">Four</div>
  </div>