position属性值有哪些_静态web和动态web的区别

position属性值有哪些_静态web和动态web的区别1:static静态定位,是默认值,当代码使用top,left.等,无效2:absolute绝对定位,相对于父元素进行定位,元素通过top,right,left等进行定位3:fixed

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

 

1:

static

静态定位,是默认值,当代码使用top,left.等,无效

2:

absolute

绝对定位,相对于父元素进行定位,元素通过top,right,left等进行定位

3:

fixed

固定定位,相对于浏览器进行定位

4:

relative

相对定位,元素通过top,left 等与它之前的正常进行定位

5:

sticky

  • 该元素并不脱离文档流。
  • 当元素在容器中被滚动超过指定的偏移值时,元素在容器内固定在指定位置。亦即如果你设置了top: 50px,那么在sticky元素到达距离相对定位的元素顶部50px的位置时固定,不再向上移动。
  • 元素固定的相对偏移是相对于离它最近的具有滚动框的祖先元素,如果祖先元素都不可以滚动,那么是相对于viewport来计算元素的偏移量
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

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

(0)
上一篇 2022年8月1日 下午4:36
下一篇 2022年8月1日 下午4:46


相关推荐

  • idea查看接口方法的实现方法_jsp接口实现类

    idea查看接口方法的实现方法_jsp接口实现类1.查找接口的实现类:Ctrl+H2.跳转到指定方法的接口:Ctrl+鼠标左键输入快捷键+点击之后跳转至下图3.跳转到指定方法的接口的实现类:Ctrl+Alt+鼠标左键输入快捷键+点击之后跳转至下图……

    2022年8月15日
    15
  • USB协议详解

    USB协议详解本博客整理自网络,仅供学习参考,如有侵权,联系删除。邮箱:rom100@163.com一个transfer(传输)由一个或多个transaction(事务)构成,一个transaction(事务)由一个或多个packet(包)构成,一个packet(包)由一个或多个sync(域)构成。1.传输数据通信USB的数据通讯首先是基于传输(transfer)的,传输的类型有:中断传输、批量传输…

    2022年6月29日
    46
  • Linux通配符详解_Linux 通配符

    Linux通配符详解_Linux 通配符linux中常用的通配符详解:*:匹配0个或多个任意字符?:匹配任意单个字符[abc]:匹配abc中的任意单个字符[!abc]:匹配除abc中的任意单个字符[a-z]:匹配a-z中任意单个字符{string1,string2,…}:匹配string1,string2,或更多字符串例如:有file.jpg,file1.jpg,file2.jpg…file14.jpg共15个文件l…

    2026年1月25日
    4
  • C# Winform 窗体美化(目录)

    C# Winform 窗体美化(目录)最近在看C#Winform的窗体美化,发现一些很有用的美化皮肤库,学习过后也把一些资料整理一下。一、IrisSkin换肤库(IrisSkin4)二、LayeredSkin界面库(LayeredSkinDemo)三、不规则窗体(GoldFishProject,TransparentForm)四、镂空窗体(HollowForm)五、鼠标穿透(MousePenetration)

    2022年5月28日
    39
  • 关于静态测试

    关于静态测试1 静态测试静态测试是指不运行被测试程序而寻找程序代码中可能存在的错误或评估程序代码的过程 静态测试的特点是不需要运行代码 也不需要对代码编译 链接和生成可执行文件 它是通过分析或检查源程序的方法 结构 过程 接口等来检查程序的正确性 目的在于找出缺陷和可疑之处 纠正软件系统的描述 表示和规格上的错误 也是进一步执行其它测试的前提 2 静态测试的基本内容在实际使用中 静态代码检查比

    2026年3月18日
    1
  • Windows访问Ubuntu远程桌面

    Windows访问Ubuntu远程桌面步骤 1 在 Ubuntu 系统中允许远程登录打开启动器左上角的程序搜索器 输入 远程 单击桌面共享 按照下图进行配置 这里为了方便没有选择输密码 也可以加入密码 关闭后在桌面右上角会显示远程图标 系统设置 gt 用户账户 解锁 打开自动登录 步骤 2 安装远程桌面组件打开终端运行命令 sudoapt getinstallxr getupdate 步骤 3 修改远程加密选项

    2026年3月19日
    2

发表回复

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

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