六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 222|回复: 0

CSS里面position:relative与position:absolute 区别

[复制链接]

升级  92.67%

51

主题

51

主题

51

主题

秀才

Rank: 2

积分
189
 楼主| 发表于 2013-2-8 00:36:25 | 显示全部楼层 |阅读模式
position:absolute这个是绝对定位是相对于浏览器的定位。比如:position:absolute;left:20px;top:80px; 这个容器始终位于距离浏览器左20px,距离浏览器上80px的这个位置。position:relative是相对定位是相对于前面的容器定位的。这个时候不能用top left在定位。应该用margin。比如:<div class="1"></div><div class="2"></div>当1固定了位置。1的样式float:left;width:100px; height:800px;2的样式为float:left; position:relative;margin-left:20px;width:50px;2的位置在1的右边,距离120px
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表