发布时间:2023-11-13
网页布局的定位方式对于用户体验和页面效果至关重要。本文将详细介绍三种定位方式:静态定位、相对定位和 定位,并阐述它们的原理和使用场景。通过了解这些定位方式的特点,您可以根据实际需求选择比较适合的布局方式。
1.固定定位代码为fixed.
作用:基于网页页面浏览器窗口来进行布局,通过添加position来进行添加固定定位fixed;添加定位之后,文本脱离文档流,不占用空间。
2相对定位代码为relative
作用:基于物体本身来进行定位属性的添加,添加之后文本不会脱离文档流,通过添加position来进行添加relative。
3 定位代码为absolute
作用: 定位是定位属性中最为常用的一种布局方式,需要给父集添加相对定位来进行使用,使用之后脱离文档流,根据父集的位置来进行偏移。
更多新闻详情进入温州麦职教育