Question

我想创建一个高度为100％的div。但它不起作用。我也尝试在stackoverflow上搜索一个解决方案但不幸的是，它们都没有工作。我认为通过将100％放在html和body身上将使其工作，但事实并非如此。这是我的标记，然后是我的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;
   }

Answer 1

更改body和p标记的默认样式，即默认margin至0px，

＆＃13;

html,body{
   height:100%;
   }

   body{
   background:#fff;
   color:#333;
   margin:0; /*Add this*/
   }

   p{
   font-size:2em;
   text-align:center;
   margin:0; /*Add this*/
   }

   .hundredpercentdiv{
   height:100%;
   background-color:Green;
   }

＆＃13;

<div class="hundredpercentdiv">
  <p>This content should takes up 100% of the viewport</p>
</div>

＆＃13;

asp.net html，body {height：100％}无效

1 个答案: