html盒子铺满全屏

最新推荐文章于 2024-04-09 11:28:25 发布

weixin_33860147

最新推荐文章于 2024-04-09 11:28:25 发布

阅读量4k

点赞数 2

文章标签：前端 ViewUI

本文介绍了一种使用HTML和CSS实现全屏盒子效果的方法。通过设置绝对定位，并将宽度和高度均设为100%，使得div元素铺满整个屏幕。背景颜色设置为特定蓝色(#188eee)，便于视觉验证布局效果。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>html盒子铺满全屏</title>
		
	</head>
	<style>
		*{
			margin: 0;
			padding: 0;
		}
		.box{
			position: absolute;
			width: 100%;
			height: 100%;
			background-color: #188eee;
		}
	</style>
	<body>
		<div class="box"></div>
	</body>
</html>

关注博主即可阅读全文