html - 嵌套类 `.divy` 的 CSS 属性覆盖 `body` 的 100%？

Question

html( Jade )

body
 .divx
  .divy

给定的CSS:

.divx {
  width: 200px;
  height: 200px;
}

.divy 类的什么 css 属性会使其覆盖 body 的 100% 宽度和高度？

如果我做

.divy {
  width: 100%;
  height: 100%;
}

上面的代码使得 .divy 覆盖了 100% 的 .divx 而不是 body

Answer 1

您可以使用位置 absolute

jsFiddle here

.divy {
    position:absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
}