【css】两个div位于网页正中央

最新推荐文章于 2021-07-16 16:51:04 发布

林知共创

最新推荐文章于 2021-07-16 16:51:04 发布

阅读量353

点赞数

文章标签： css html

本文链接：https://blog.csdn.net/Thanksgining/article/details/103477216

版权

WEB 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>测试</title>
		
		<style type="text/css">
			*{
				font-family: 微软雅黑;
				margin: 0px;
			}
			.d1{
				width: 500px;
				height: 300px;
				background: #f00;
				position: absolute;
				left: 50%;
				top: 50%;
				margin-left: -250px;
				margin-top: -150px;
				
				
			}
			.d2{
				width: 200px;
				height: 100px;
				background: #0f0;
				position: relative;
				left: 50%;
				top: 50%;
				margin-left: -100px;
				margin-top: -50px;
			}
		</style>
	</head>
	
	<body>
		<div class="d1">
			<div class="d2"></div>
		</div>
	</body>
</html>

林知共创

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【css】两个div位于网页正中央

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>测试</title> <style type="text/css"> *{ font-family: 微软雅黑; margin: 0px; } ...
复制链接

扫一扫

专栏目录