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

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

html

?
1
2
3
4
<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 @   青山_1997  阅读(294)  评论(0)  编辑  收藏  举报
点击右上角即可分享
微信分享提示