CSS样式的绝对定位

最新推荐文章于 2022-03-16 21:17:43 发布

┍ ⃢

最新推荐文章于 2022-03-16 21:17:43 发布

阅读量242

点赞数

分类专栏：笔记 CSS 文章标签： css

本文链接：https://blog.csdn.net/qq_44865278/article/details/109846246

版权

笔记同时被 2 个专栏收录

16 篇文章 1 订阅

订阅专栏

CSS

4 篇文章 0 订阅

订阅专栏

1.绝对定位可以将样式定位在指定区域,在绝对定位对象之后的文本或对象在被定位对象被脱离正常文档流之前会占有它的自然空间.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>CSS样式的绝对定位</title>
		<style type="text/css">
			#div1{
				background-color: red;
				border: 1px black solid;
				width: 300px;
				height: 300px;
				position : absolute; /*绝对定位*/
				left: 100px;
				top: 100px;
			}
		</style>
	</head>
	<body>
		
		<div id="div1"></div>
		
	</body>
</html>