CSS绝对定位

最新推荐文章于 2023-12-02 11:02:39 发布

iteye_10980

最新推荐文章于 2023-12-02 11:02:39 发布

阅读量97

点赞数

分类专栏： WEB

本文链接：https://blog.csdn.net/iteye_10980/article/details/82603821

版权

WEB 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>绝对定位</title>
</head>
<body>

<div style="border:1px solid #FF6600;height:600px;width:900px;position:relative;margin:50px auto;">
	<div style="position:absolute;right:5px;top:5px;border:2px solid #777;height:200px;width:300px;font-size:12px;">
	</div>
	<div style="position:absolute;right:5px;bottom:5px;border:2px solid #777;height:200px;width:300px;font-size:12px;">
	</div>
	<div style="position:absolute;left:5px;bottom:5px;border:2px solid #777;height:200px;width:300px;font-size:12px;">
	</div>
	<div style="position:absolute;left:5px;top:5px;border:2px solid #777;height:200px;width:300px;font-size:12px;">
	</div>
	
	<div style="position:absolute;left:100px;top:100px;border:2px solid #777;height:200px;width:300px;font-size:12px;">
	</div>
</div>

</body>
</html>