html - 高度 100% 了解如何使用它

Question

好的，非常简单的问题，我想制作一个 100% 高度的视口部分，我知道父元素需要有一个定义的高度，但它仍然对我不起作用。帮助我了解我是否忽略了某些东西！

html { 
  height: 100%;
}

body {
  margin: 0px;
  padding: 0px;
} 

section {
  width: 100%;
  height: 100%;
  background:red;
}

score 4 · Accepted Answer

4

利用html, body{ height: 100%; }

于 2013-09-13T09:54:31.390 回答

score 1 · Accepted Answer

您必须将 BODY 和 HTML 的高度设置为 100%。

body, html {
   height: 100%;
}

score 0 · Accepted Answer

0

您还需要设置height:100%。body

于 2013-09-13T09:55:01.500 回答

score 0 · Accepted Answer

在此处使用此 Css演示

html, body {
    margin: 0px;
    padding: 0px;
    height:100%;
} 

section {
    width: 100%;
    height: 100%;
    background:red;
}

4 回答 4