码迷,mamicode.com
首页 > 其他好文 > 详细

position

时间:2019-09-22 01:46:40      阅读:76      评论:0      收藏:0      [点我收藏+]

标签:abs   net   xpl   支持   添加   定位   窗口   注意   绝对定位   

absolute:

生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。

元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

 

fixed:

生成固定定位的元素,相对于浏览器窗口进行定位。

元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

 

relative:

生成相对定位的元素,相对于其正常位置进行定位。

因此,"left:20" 会向元素的 LEFT 位置添加 20 像素。

 

sticky:

粘性定位,该定位基于用户滚动的位置。

它的行为就像 position:relative; 而当页面滚动超出目标区域时,它的表现就像 position:fixed;,它会固定在目标位置。

注意: Internet Explorer, Edge 15 及更早 IE 版本不支持 sticky 定位。 Safari 需要使用 -webkit- prefix (查看以下实例)。

position

标签:abs   net   xpl   支持   添加   定位   窗口   注意   绝对定位   

原文地址:https://www.cnblogs.com/lllusory/p/11565388.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!