超强-1个div固定铺满全屏方法2

milijiangjun

于 2020-09-07 10:39:51 发布

阅读量136

点赞数

分类专栏： # html5

本文链接：https://blog.csdn.net/milijiangjun/article/details/108443026

版权

html5 专栏收录该内容

232 篇文章 4 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>超强-1个div固定铺满全屏方法2</title>
	<style type="text/css">
	 
		* {
			margin: 0;
			padding: 0;
		}

		.parentDiv {
			width: 100%;
			height: 100%; 
			position: absolute;
			display: flex;
			flex-direction: column; background-color: red;	flex: 1;
		} 
		 
	</style>
</head>

<body>
	<div class="parentDiv"> 
	 我是内容 
	 
	</div>
</body>

</html>

效果在这里插入图片描述

milijiangjun

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
超强-1个div固定铺满全屏方法2

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>超强-1个div固定铺满全屏方法2</title> <style type="text/css"> * { margin: 0; padding: 0; } .parentDiv { width: 100%; height: 100%;
复制链接

扫一扫

专栏目录