自动化定位几种方法 四种定位形式的特点?
浏览量:2971
时间:2021-03-16 16:59:34
作者:admin
四种定位形式的特点?
1. Fixed positioning
当元素的position属性设置为Fixed时,元素是固定的。固定元素不会随着滚动条的拖动而改变其位置(在视野中),而是相对于屏幕的可见区域进行定位。
固定定位,使用top、bottom、left和right属性设置元素相对于浏览器窗口的位置,导致元素与文档流完全分离,更改元素类型,主要用于“返回顶部”效果和固定列设置。
2. 相对定位
当元素的position属性设置为Relative时,元素具有相对定位的属性。相对定位元素的位置是相对于其原始位置计算的。它还有四个属性:顶部、底部、左侧和右侧。相对定位不会使元素脱离文档流,也不会更改元素本身的类型。
3. 绝对定位
绝对定位是最常用的定位属性之一。一般与relative连用,达到“where to play”的效果。当一个元素成为绝对定位元素时,它与正常的文档流完全分离。绝对定位元素之前或之后的元素都会认为该元素不存在,即该元素“浮动”在其他元素之上。绝对定位将更改元素本身的类型(行中的元素将成为块元素)。如果定位父对象与定位父对象偏移,则定位父对象与整个文档偏移。
4. 静态定位
如果未指定元素的位置属性值,则该元素为静态定位。Static是position属性的默认值,这意味着块将保留在它应该位于的位置,并且不会重新定位。
通常,此属性很少使用,不支持left和top等属性值。使用场景通常用于清除其他定位属性。
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。