2016 - 2024

感恩一路有你

position定位属性 四种定位形式的特点?

浏览量:2534 时间:2021-03-12 20:36:47 作者:admin

四种定位形式的特点?

1. Fixed positioning

当元素的position属性设置为Fixed时,元素是固定的。固定元素不会随着滚动条的拖动而改变其位置(在视野中),而是相对于屏幕的可见区域进行定位。

固定定位,使用top、bottom、left和right属性设置元素相对于浏览器窗口的位置,导致元素与文档流完全分离,更改元素类型,主要用于“返回顶部”效果和固定列设置。

2. 相对定位

当元素的position属性设置为Relative时,元素具有相对定位的属性。相对定位元素的位置是相对于其原始位置计算的。它还有四个属性:顶部、底部、左侧和右侧。相对定位不会使元素脱离文档流,也不会更改元素本身的类型。

3. 绝对定位

绝对定位是最常用的定位属性之一。一般与relative连用,达到“where to play”的效果。当一个元素成为绝对定位元素时,它与正常的文档流完全分离。绝对定位元素之前或之后的元素都会认为该元素不存在,即该元素“浮动”在其他元素之上。绝对定位将更改元素本身的类型(行中的元素将成为块元素)。如果定位父对象与定位父对象偏移,则定位父对象与整个文档偏移。

4. 静态定位

如果未指定元素的位置属性值,则该元素为静态定位。Static是position属性的默认值,这意味着块将保留在它应该位于的位置,并且不会重新定位。

通常,此属性很少使用,不支持left和top等属性值。使用场景通常用于清除其他定位属性。

position定位属性 sql是什么 position的取值有哪几个

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。