position有几种属性?
position定位属性,检索或设置对象的定位方式,一共有四种属性:Static(默认定位) Absolute (绝对定位)Relative (相对定位)Fixed(相对浏览器的绝对定位) Sticky(粘性定位)
一:Static:(默认定位)默认值。位置设置为 static 的元素会正常显示,它始终会处于文档流给予的位置(static元素会忽略任何 top、bottom、left或 right 声明)
二:Absolute:(绝对定位)相对于父级元素的绝对定位,浮出、脱离布局流,它不占据空间,就是我们所说的层,其位置相对于最近的已定位父元素而言的位置,可直接指定“left”、“top”、“right” 以及 “bottom”属性。若父级都没有定位,则以html(根元素)。(层叠的顺序z-index:value)默认情况是按照网页可视窗口(最大的包含块)绝对定位。
三:Relative:(相对定位)是相对于默认位置的相对定位,通过设置left、top、right、bottom值可将其移至相对于其正常位置的地方(相对于自己的开始的位置发生的位置上的移动,【不会破坏正常的布局流,占据空间】)通常是定义包含块的。
四:Fixed:(相对于浏览器的绝对定位)相对浏览器的绝对定位,始终都是相对于浏览器窗口的指定坐标进行定位。此元素的位置可通过 “left”、“top”、“right” 以及"bottom" 属性来规定。不论窗口滚动与否,元素都会留在那个位置。
五:Sticky:(粘性定位)可以看出是position:relative和position:fixed的结合体——当元素在屏幕内,表现为relative,就要滚出显示器屏幕的时候,表现为fixed。
通常使用Absolute属性时需要有相对的包含块
包含块:绝对定位的参照物,告诉元素在什么范围进行偏移。只要元素属性中具有position:relative\absolute\fixed,都可以称为包含快。
position有几种属性?相关推荐
- Position 的四种属性值
Position和float这两个元素属性非常重要:今天主要来看一看position在定中的作用. 首先Position有四个属性值,分别是static .fixed. relative .absol ...
- position的四种属性
值 描述 static(默认) 默认值.没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明). relative(相对定位) 生成相对定 ...
- CSS中position的几个属性值
CSS中position的几个属性值 position的四种取值 : static:static定位就是不定位,出现在哪里就显示在哪里,这是默认取值,只有在你想覆盖以前的定义时才需要显示指定 ...
- JSP页面中的pageEncoding和contentType两种属性
关于JSP页面中的pageEncoding和contentType两种属性的区别: pageEncoding是jsp文件本身的编码 contentType的charset是指服务器发送给客户端时的内容 ...
- JSP中四种属性范围
在JSP中提供了四种属性的保存范围,所谓属性保存范围,指的就是一个设置的对象,可以在多少个页面中保存并继续使用. 四种属性范围: pageContext 在一个页面中保存属性,跳转之后无效. ...
- CSS中position的4种定位详解
大家都知道,css中的position有4种取值,分别是static.fixed.relative.absolute. 详细解释: static:相当于没有定位,元素会出现在正常的文档流中. fixe ...
- 服务器产品的特质和优势,亿速云裸金属服务器兼具“弹性”和“裸金属”两种属性,既有虚拟机的弹性,同时又保留了裸金属的一切性能、特性和优势!...
(原标题:亿速云裸金属服务器兼具"弹性"和"裸金属"两种属性,既有虚拟机的弹性,同时又保留了裸金属的一切性能.特性和优势!) 今天,我们来讲一讲亿速云弹性计算服 ...
- python属性和方法的区别_Python中几种属性访问的区别与用法详解
起步 在Python中,对于一个对象的属性访问,我们一般采用的是点(.)属性运算符进行操作.例如,有一个类实例对象foo,它有一个name属性,那便可以使用foo.name对此属性进行访问.一般而言, ...
- jsp九大内置对象和四种属性范围介绍
一般对象需要实例化才可以调用,而JSP的内置对象是不用实例化就可以直接调用的对象. 总共有9个,对应如下表: 序号 对象 类型 1 pageContext javax.servlet.jsp.Page ...
最新文章
- UNIX环境高级编程——无名管道和有名管道
- Xshell 连接报错解决:WARNING! The remote SSH server rejected X11 forwarding request.
- C# 控件开发中常用属性整理
- android项目模块导入eclipse编译报错,android中studio导入eclipse项目报错怎么办
- 学习springboot基础必备
- 我对ThreadLocal的理解
- es 吗 查询必须有sort_ElasticSearch DSL之From/Size,Sort
- Vungle收购移动端创意技术公司TreSensa
- c++中的运算符重载---知识点:运算符重载函数,友元函数,函数重载
- html HTML 文本格式化
- 如何获取LanuchImage
- Ibatis2.0使用说明(二)——配置篇(2)
- Kubernetes详解(八)——Kubernetes资源配置清单
- 斯坦福NLP笔记6 —— Defining Minimum Edit Distance
- 节奏大师乐谱破解 续
- Java 程序员必会的「垃圾回收」算法
- 中华石杉Java面试突击第一季笔记一(消息队列)
- 期货交易常用术语英语词汇
- Abp(.NetCore)开发与发布过程3-部署Ubuntu站点
- python爬百度贴吧_python爬虫-爬取百度贴吧帖子加图片