css设置容器占满屏幕

最新推荐文章于 2024-07-14 10:51:25 发布

空零kl

最新推荐文章于 2024-07-14 10:51:25 发布

阅读量1k

点赞数 1

分类专栏： Css

Css 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

设置该元素的父元素，祖先元素的宽度和高度均为100%
//防止产生空隙
*{
  margin:0;
  padding:0
}
html,body,目标元素的祖先元素{
width:100%;
heigght:100%;
}
目标元素{
 width:100%
 height:100%
}
1
2
3
4
5
6
7
8
9
10
11
12
13
如果目标元素是行内元素(无法设置宽高)，可设置display为block
最后css代码:
*{
  margin:0;
  padding:0
}
html,body,目标元素的祖先元素{
width:100%;
heigght:100%;
}
目标元素{
 width:100%;
 height:100%;
 display:block;
}
--------------------- 
作者：sinat_32290679 
来源：CSDN 
原文：https://blog.csdn.net/sinat_32290679/article/details/77622236 
版权声明：本文为博主原创文章，转载请附上博文链接！