Position 的四种属性值

Position和float这两个元素属性非常重要；今天主要来看一看position在定中的作用。

首先Position有四个属性值，分别是static 、fixed、 relative 、absolute。

第一个属性值是static，这是position的默认属性，一般我们都不会用到他，所以也很少提到他，但是在特殊的情况下，他又有着不可替代的作用，比如，在媒体查询页面当中，正常页面当中需要给元素加position属性，但是在响应式页面中不需要，这是就只能用position：static；没有position：none；的写法，网页也不会识别。

第二个属性fixed——固定定位，fixed是相对于window窗口的定位，一般在网页中也会经常看到，例如置顶，等

如图中所示，无论滚动条怎么滑动上图的滚动条，div-pink都不会改变自己在窗口的位置；

第三个属性值relative——相对定位；相对于自己本身的定位；这个定位一般是和absolute属性值一起用；相对定位不会破坏元素的文本流，但是会改变元素的视觉效果

第四个属性值absolute——绝对定位；相对于父级元素的定位，如果没有父级元素时相对于窗口的定位；

需要注意的是static relative这两个属性值是不会破坏元素的文本属性；但是fixed 和 abosulte则会改变元素的文本流，有float的效果。

Position 的四种属性值相关推荐

position的四种属性
值描述 static(默认) 默认值.没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明). relative(相对定位) 生成相对定 ...
position属性的四种取值用法
众所周知,css中position有四种取值,分别是static.fixed.relative.absolute.我们今天就来详细的掰扯掰扯这四个值. Position属性有以下四个取值: 1.sta ...
CSS中position的几个属性值
CSS中position的几个属性值 position的四种取值 : static:static定位就是不定位,出现在哪里就显示在哪里,这是默认取值,只有在你想覆盖以前的定义时才需要显示指定 ...
position有几种属性？
position定位属性,检索或设置对象的定位方式,一共有四种属性:Static(默认定位) Absolute (绝对定位)Relative (相对定位)Fixed(相对浏览器的绝对定位) Stick ...
jsp九大内置对象和四种属性范围介绍
一般对象需要实例化才可以调用,而JSP的内置对象是不用实例化就可以直接调用的对象. 总共有9个,对应如下表: 序号对象类型 1 pageContext javax.servlet.jsp.Page ...
Jsp学习总结（1）——JSP九大内置对象和四种属性范围解读
一.四种属性范围 1.1.在JSP中提供了四种属性保存范围 page:在一个页面内保存属性,跳转之后无效 request:在一次服务请求范围内,服务器跳转后依然有效 session:-在一次会话范围内 ...
JSP中四种属性范围
在JSP中提供了四种属性的保存范围,所谓属性保存范围,指的就是一个设置的对象,可以在多少个页面中保存并继续使用. 四种属性范围: pageContext 在一个页面中保存属性,跳转之后无效. ...
四种属性范围（重点）
3.1.四种属性范围(重点) 所谓的属性范围,就是指一个对象可以跨多少个 JSP 页面之后可以继续使用. 3.1.1.操作方法在整个 JAVA WEB 中属性操作使用如下 ...
CSS overflow的几种属性值
CSS overflow的几种属性值 visible: 默认值.内容不会被修剪,会呈现在元素框之外 hidden: 内容会被修剪,并且其余内容是不可见的 scroll: 内容会被修剪,但是浏览器会显示 ...

Position 的四种属性值

Position 的四种属性值相关推荐

最新文章

热门文章