html - 将简单的 div 设置为高度和宽度为主体的 50%？

Question

我正在努力使 div 的宽度始终为主体的 50%。例如。当我调整窗口大小时，div 应该变小。

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

我不想做的是被迫指定 body 的宽度。既然是这样，那应该是可变的

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;
}