<html>
<head>
<style type="text/css">
h2.pos_abs
{
position:absolute;
left:100px;
top:150px
}
</style>
</head>
<body>
<h2 class="pos_abs">这是带有绝对定位的标题</h2>
<p>通过绝对定位，元素可以放置到页面上的任何位置。下面的标题距离页面左侧 100px，距离页面顶部 150px。</p>
</body>
</html>
css中的position后面的定位的不同用法与区别：
Static：静态定位可以理解为没有定位；是position属性的默认值，元素正常显示在页面排版中；
Relative（相对定位）：元素相对自身的位置进行偏移也就是相对于自身来说在文档中出现的位置来移动，可以通过（top、right、bottom、left）属性来移动元素，偏移后原本的位置空间依然保留，只是视觉上相对原来的位置有移动。
absolute（绝对定位）：生成绝对定位元素，此元素脱离文本流不在文档中占据位置，以页面的左上角通过（top、right、bottom、left）属性进行定位。也可选取父级定位对象进行定位
转自：https://www.cnblogs.com/dedao97/p/9696768.html
扫一扫
615
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
