html - CSS property of nested class `.divy` to cover 100% of `body`?

Question

html (jade)

body
 .divx
  .divy

Given css:

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

What css property of class .divy will make it cover 100% width and height of body?

If i make

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

The above makes .divy cover 100% of .divx not body

Answer 1

您可以使用位置absolute

jsFiddle here

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