position relative什么意思?position relative的使用方法介绍
作者:温州网站建设   发布时间:2016-10-31  浏览:

今天跟大家讲讲css代码position relative的意思,相信很多新手不懂,不懂就看下面小编的介绍吧。

position: relative; 相对定位。

相对于其父级元素来定位。 
 
生成相对定位的元素,相对于其正常位置进行定位。
 
因此,"left:20" 会向元素的 LEFT 位置添加 20 像素。 
 
absolute 绝对定位 ,通过 top,left 样式来绝定元素位置。
 
具体定位案例如下:
 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
h2.pos_abs
{
position: absolute;
left: 234px;
top: 109px
}
</style>
</head>
 
<body>
<h2 class="pos_abs">这是带有绝对定位的标题</h2>
<p>通过绝对定位,元素可以放置到页面上的任何位置。下面的标题距离页面左侧 100px,距离页面顶部 150px。</p>
</body>
 
</html>
 
 
 
分享到:QQ空间新浪微博腾讯微博人人网微信
产品服务

欣网网络的小伙伴们随时为您待命