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

时间：2018-07-05 15:43:10 阅读：187 评论：0 收藏：0 [点我收藏+]

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

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标签啊！！}

技术分享图片

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

原文：https://www.cnblogs.com/tanghm/p/9268451.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)