asp.net html，正文{高度：100%}不工作

我想创建一个具有100%高度的div。但它不起作用。我还试图在这里搜索stackoverflow的解决方案，但不幸的是，它们都不起作用。我原以为在html和正文上都放上100%的内容会让它工作起来，但事实并非如此。这是我的标记，然后是我的css。我正在使用asp.net vs2010。我对设计网页还不熟悉

   <div class="hundredpercentdiv">
   <p>This content should have 100% height</p>
   </div>

   html,body{
   height:100%;
   }

   body{
   background:#fff;
   color:#333;
   }

   p{
   font-size:2em;
   text-align:center;
   }

   .hundredpercentdiv{
   height:100%;
   background-color:Green;
   }

此内容应具有100%的高度

html，正文{
身高：100%；
}
身体{
背景：#fff；
颜色：#333；
}
p{
字号：2em；
文本对齐：居中；
}
百分之一百{
身高：100%；
背景颜色：绿色；
}

将

主体

和

p

标签的默认样式更改为

0px

html，正文{
身高：100%；
}
身体{
背景：#fff；
颜色：#333；
边距：0；/*添加此*/
}
p{
字号：2em；
文本对齐：居中；
边距：0；/*添加此*/
}
百分之一百{
身高：100%；
背景颜色：绿色；
}

此内容应占据视口的100%

向我们展示您的优势感谢您提供解决方案。我一定会试试，然后尽快给你回复。欢迎。大多数情况下，所有标签都有一些默认样式，这就是您在页面中获得空白的原因。我不明白为什么它可以在jsfiddle.net和notepad++上工作，但不能在asp.net上工作。不知道。但这将填充100%的视口高度。一旦去掉页边空白，我会把你上面的答案标记为可以接受的感谢。我正在阅读vh单元，它确实起到了作用，然而，我读了一些文章，一些人指出它在safari和一些浏览器上不能正常工作。多谢各位