欢迎来到乐问乐学!

15890125578

全国统一学习专线 8:30-21:00
首页 机构动态 探究DW网页布局的三种定位方式,哪种适合你

探究DW网页布局的三种定位方式,哪种适合你

发布时间:2023-11-13

网页布局的定位方式对于用户体验和页面效果至关重要。本文将详细介绍三种定位方式:静态定位、相对定位和 定位,并阐述它们的原理和使用场景。通过了解这些定位方式的特点,您可以根据实际需求选择比较适合的布局方式。

1.固定定位代码为fixed.

探究DW网页布局的三种定位方式,哪种适合你

作用:基于网页页面浏览器窗口来进行布局,通过添加position来进行添加固定定位fixed;添加定位之后,文本脱离文档流,不占用空间。

2相对定位代码为relative

作用:基于物体本身来进行定位属性的添加,添加之后文本不会脱离文档流,通过添加position来进行添加relative。

3 定位代码为absolute

作用: 定位是定位属性中最为常用的一种布局方式,需要给父集添加相对定位来进行使用,使用之后脱离文档流,根据父集的位置来进行偏移。

更多新闻详情进入温州麦职教育