一个div自动充满当前屏幕的解决方法

方法一（先写一种呵呵呵）

html

<body>
    <div class="box1">
    </div>
</body>

 css

*{
      margin:0;
      padding:0;
 }
 body,html{
      height:100%;       
      padding:0;
      margin:0; 
      text-align: center;
      font-size:20px;
      font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif
 }
.box1{
      height:100%;
      background: rgb(104, 204, 247);
 }

 

高度的100%是要相对上一级元素而言的，所以只对body设置100%是没用的，因为上层还有个html标签啊！！ 

 

posted @ 2018-07-05 15:13  青山_1997  阅读(292)  评论(0)  编辑  收藏  举报