将简单的div设置为尺寸高度和宽度的50％？

Question

我试图实现div的宽度始终是身体的50％。例如。当我调整窗口大小时，div应该变小。

但是当使用％时，应用的div大小根本不起作用。 See here

我不想做的是被迫指定身体的宽度。既然如此，那应该是可变的

CSS

.someclass{
  width: 50%;
  height: 50%;
  background-color: #444444;
}



body {
    background-color: cyan;
}

HTML

<div class="someclass"> </div>

Answer 1

添加绝对位置... http://codepen.io/anon/pen/jlnIy

.someclass{
  width: 50%;
  height: 50%;
  position: absolute;
  background-color: #444444;
}