相对定位,绝对定位和固定定位的区别

相对定位,绝对定位和固定定位的区别一 定位 定位指的就是将指定的元素摆放到页面的任意位置 通过定位可以任意的摆放元素 通过 position 属性来设置元素的定位可选值 static 默认值 元素没有开启定位 relative 开启元素的相对定位 absolute

 一、定位:
   

1. 当元素的position属性设置为relative时,则开启了元素的相对定位

2. 当position属性值设置为absolute时,则开启了元素的绝对定位
                

3.当元素的position属性设置fixed时,则开启了元素的固定定位

固定定位永远都会相对于浏览器窗口进行定位  ,固定定位会固定在浏览器窗口某个位置,不会随滚动条滚动,IE6不支持固定定位 

4.层级

如果定位元素的层级是一样,则下边的元素会盖住上边的,通过z-index属性可以用来设置元素的层级,可以为z-index指定一个正整数作为值,该值将会作为当前元素的层级,层级越高,越优先显示,对于没有开启定位的元素不能使用z-index

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/225495.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月17日 上午9:12
下一篇 2026年3月17日 上午9:12


相关推荐

  • 什么是多线程,什么是高并发?[通俗易懂]

    什么是多线程,什么是高并发?[通俗易懂]高并发和多线程”总是被一起提起,给人感觉两者好像相等,实则 高并发≠多线程多线程是完成任务的一种方法,高并发是系统运行的一种状态,通过多线程有助于系统承受高并发状态的实现。高并发是一

    2022年8月3日
    9
  • 怎样去除悬针纹 小妙招轻松赶走悬针纹_额头悬针纹有什么说法

    怎样去除悬针纹 小妙招轻松赶走悬针纹_额头悬针纹有什么说法其实纹路和我们每个人的心情也是有关系的,如果一个人经常愁眉苦脸,就会“相由心生”,长出烦恼线来,悬针纹也就来了。那么究竟悬针纹是什么呢?悬针纹化解方法有哪些呢?悬针纹怎么去除比较好呢?悬针纹是什么

    2022年8月4日
    9
  • Ubuntu系统操作快捷键

    Ubuntu操作基本快捷键*打开主菜单=Alt+F1*运行=Alt+F2*显示桌面=Ctrl+Alt+d*最小化当前窗口=Alt+F9*最大化当前窗口=

    2021年12月22日
    43
  • laravel 5.6日志理解及日志格式定义「建议收藏」

    laravel 5.6日志理解及日志格式定义

    2022年2月14日
    51
  • Android中dex文件的加载与优化流程

    Android中dex文件的加载与优化流程目录1、dex文件分析…12、odex文件…22.1、odex文件结构…22.2、odex文件结构分析…33、dex文件的验证与优化…33.1dex文件加载流程…33.2dex文件优化加载流程图…4 1、dex文件分析逻辑上,可以把dex文件分成3个区,头文件、索引区和数据区。索引区的ids后缀为i

    2022年6月27日
    72
  • 配置tomcat的环境变量

    配置tomcat的环境变量配置Tomcat的环境变量注意:配值tomcat之前要将JDK的JAVA_HOME和path都配置好,否则后续会出现Tomcat无法启动或者闪退等问题。1.首先下载tomcat,并且解压到目录:2.第二步鼠标右键计算机->属性->高级系统设置,进去之后,点击环境变量,如下图所示3.第三步开始配置tomcat的环境变量,新建系统变量名CATALINA_BASE,值为tomcat的安装路径,如下图所示:4.第四步新建系统变量CATALINA_HOME,值tomcat

    2022年6月3日
    28

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号