position属性值有哪些
2022-09-28 · 百度认证:北京惠企网络技术有限公司官方账号
有以下几种:
1、absolute:
生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
2、fixed:
生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
3、relative:
生成相对定位的元素,相对于其正常位置进行定位。因此,"left:20" 会向元素的 LEFT 位置添加 20 像素。
4、static:
默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。
扩展资料:
在大多数情况下,height和width被设定为auto的绝对定位元素,按照内容大小的不同来调整不同的尺寸。
但是,被绝对定位的元素可以通过指定top和bottom,保留height未指定(即auto),来填充可用的垂直空间。它们同样可以通过指定left和right并将width指定为auto来填充可用的水平空间。
如果指定了left和right,当direction设置为ltr(水平书写的中文、英语)时left优先,当direction设置为rtl(阿拉伯语、希伯来语、波斯语由右向左书写)时right优先。
参考资料来源:百度百科——position (定位元素)