为了账号安全,请及时绑定邮箱和手机立即绑定

js中对于position ,有相对定位,绝对定位等,怎么区分它们呢?什么时候用?

js中对于position ,有相对定位,绝对定位等,怎么区分它们呢?什么时候用?

更好的自己lin 2017-01-24 18:04:04
查看完整描述

1 回答

已采纳
?
慕数据5775487

TA贡献76条经验 获得超19个赞

绝对定位是相对于父标签决定位置,一般用于相对定位标签里面,JS特效经常用到。
相对定位是相对于上一个相对定位的。一般用于浮动定位标签里面,一般跟绝对定位配合使用。
浮动定位才是常用的。

看例子:
<body>
<div id="bq1" style=" position:absolute; left:10px; top:10px; "></div>
<div id="bq2" style=" position:relative;"></div>
<div id="bq3" style=" position:relative;">
    <div id="bq4" style=" position:absolute; left:10px; top:10px;"></div>
</div>
</body>
以下只说id名代表div
绝对定位:position:absolute
如果bq1(绝对定位)外面没有div等父标签,bq1会以body为父标签。左边距距body 10像素,上边距距body 10像素。
如果bq4(绝对定位)在bq3(相对定位)里面,左边距距bq3 10像素,上边距距bq3 10像素。

相对定位:position:relative
bq2(相对定位)总是相对于前面的同级标签为基准标签(bq1)。
bq3以bq2为基准标签。


查看完整回答
反对 回复 2017-01-24
  • 1 回答
  • 0 关注
  • 4435 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信