css设置div占满整个窗口

开心你就笑！！哈哈哈

于 2021-07-28 16:35:15 发布

阅读量891

点赞数

文章标签： css

本文链接：https://blog.csdn.net/weixin_38673922/article/details/119182806

版权

本文介绍了三种实现div元素全屏显示的方法。方法一通过设置html和body的高度为100%，再将div的高度继承自body。方法二利用position:fixed定位，并指定顶部、底部、左侧和右侧为0。方法三使用height:100vh确保div占据视口高度。这些技巧在前端布局中十分实用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

	html,body{
		height:100%;  
	}
	div{
		height:100%;
		background-color:#C0CCDA;
	}

	div{
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background-color:#C0CCDA;
	}

	div{
		height:100vh;
	}