CSS position属性

CSS position属性

大家好,又见面了,我是全栈君,今天给大家准备了Idea注册码。

CSS在position位置信息要素用于表示属性。

有三个取值:static, absolute, relative。假设元素没有明确的配置position属性,元素默认position 值至static。

1、static:这是表示该元素依照排列和嵌套的顺序和规则应该在的位置,此时设置top,right,left, bottom属性是无效的。

2、absolute:位置參考点是离其近期的配置了position属性值为非static的父节点元素,假设其全部父节点都没有显式配置position属性。则以浏览器窗体的位置为參考。此时设置top,right,left, bottom属性值有效。

3、relative:位置參考点是其原有位置(该元素position配置为static的位置)。此时设置top,right,left, bottom属性值有效;

z-index属性用于指定三维坐标(x,y,z)中z坐标的值,该值默认是0,能够设置为正数。也能够设置为负数。值越大,表示在z轴方向越靠前。

注意:该属性必须在元素配置了position属性值至relative/absolute的前提下是有效的。

版权声明:本文博客原创文章。博客,未经同意,不得转载。

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

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

(0)
上一篇 2022年1月9日 下午8:00
下一篇 2022年1月9日 下午9:00


相关推荐

  • 树莓派4B设置USB启动

    树莓派4B设置USB启动千呼万唤始出来!官方在2020-05-15发布了一个4B的beta版EEPROM固件更新,这次更新终于增加了期待已久的USB引导功能,今天这个教程就来讲一下如何使用USB而脱离SD卡启动树莓派4B。

    2022年5月18日
    93
  • rk3399调试ov2659(camera模块@dvp接口)–移植过程

    rk3399调试ov2659(camera模块@dvp接口)–移植过程刚接手某款硬件,嵌入式开发者往往对硬件熟悉,而对实现硬件行为的软件及其软件框架不太熟。所以,我们一般从硬件拓扑图入手,分析数据流和硬件动作过程来熟悉或编写软件框架,并向该框架填充一些逻辑/业务代码来实现最终的驱动代码。

    2022年4月30日
    257
  • Supervisor配置

    Supervisor配置Supervisor 详解跑程序时无聊 写一篇博客案例 django 网站部署 program lock command root lock venv bin python root lock manage pyrunserver1 0 0 1 80 被监控的进程路径 directory root lockautostar tru

    2026年3月17日
    2
  • java前端提示反射型xss_解决反射型XSS漏洞攻击「建议收藏」

    java前端提示反射型xss_解决反射型XSS漏洞攻击「建议收藏」1/*2*Copyright(C),2001-2019,xiaoi机器人3*Author:han.sun4*Date:2019/2/2811:395*History:6*7*作者姓名修改时间版本号描述8*/9package…

    2022年6月11日
    94
  • Python 字母大小写的转换

    Python 字母大小写的转换1name="AdaLovelace"2print(name.upper())3print(name.lower())

    2022年7月6日
    24
  • Ubuntu安装ssh服务详细过程[通俗易懂]

    SSH服务简介(来自百度百科)SSH为SecureShell的缩写,由IETF的网络小组(NetworkWorkingGroup)所制定;SSH为建立在应用层基础上的安全协议。SSH是较可靠,专为远程登录会话和其他网络服务提供安全性的协议。利用SSH协议可以有效防止远程管理过程中的信息泄露问题。SSH最初是UNIX系统上的一个程序,后来又迅速扩展到其他操作平台。SSH在正确使用时可弥补网络中的漏洞。SSH客户端适用于多种平台。几乎所有UNIX平台—包括HP-UX、Linux、.

    2022年4月6日
    61

发表回复

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

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