首页 > 代码库 > 定位(position)
定位(position)
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<!-- position: relative：相对定位（相对于自身位置） -->
<div style="width: 400px; height: 400px; background-color: #ff6699; position: relative;top: -50px; left: -50px;">
</div>
<!--position: absolute：绝对定位(相对于具有position属性父级元素移动，如果父级元素没有position属性就相对于body移动) -->
<div style="width: 800px; height: 800px; background-color: #ff0000;position: absolute;">
<div style="width:500px;height: 500px;background-color: #00ff00; ">
<div style="width: 200px;height: 200px;background-color: #0000ff;position: absolute;top: 150px;left: 150px;">
</div>
</div>
</div>
</body>
</html>
本文出自 “12145704” 博客，请务必保留此出处http://12155704.blog.51cto.com/12145704/1863872
定位(position)
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。