`
everlxq
  • 浏览: 108760 次
  • 性别: Icon_minigender_1
  • 来自: 青岛
社区版块
存档分类
最新评论

css 之 position

 
阅读更多

absolute
生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。
元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
fixed
生成绝对定位的元素,相对于浏览器窗口进行定位。
元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
relative
生成相对定位的元素,相对于其正常位置进行定位。
因此,"left:20" 会向元素的 LEFT 位置添加 20 像素。
static 默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。
inherit 规定应该从父元素继承 position 属性的值。

z-index

z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
注释:元素可拥有负的 z-index 属性值。
注释:Z-index 仅能在定位元素上奏效(例如 position:absolute;)!
说明
该属性设置一个定位元素沿 z 轴的位置,z 轴定义为垂直延伸到显示区的轴。如果为正数,则离用户更近,为负数则表示离用户更远。
分享到:
评论

相关推荐

    CSS之Position详解

    ### CSS之Position详解 在CSS布局中,`position`属性起着至关重要的作用。它用于定义元素如何在页面上定位,决定了元素是否会被其他元素所影响,或者它是否会覆盖其他元素。`position`属性共有四种取值:`relative`...

    CSS Position

    "CSS Position"是一个关键概念,它决定了元素在页面上的位置和排列方式。理解并掌握CSS定位对于创建响应式、动态且布局精确的网页至关重要。 **定位模式** CSS提供了几种定位模式,包括静态定位(static)、相对...

    CSS之Position全面认识

    CSS的很多其他属性大多容易理解,比如字体,文本,背景等。有些CSS书籍也会对这些简单的属性进行大张旗鼓的介绍,而偏偏忽略了对一些难缠的属性讲解,有避重就轻的嫌疑。CSS中主要难以理解的属性包括盒型结构,以及...

    css-position.txt

    css position总结

    CSS中背景background-position负值定位

    CSS中背景background-position负值定位 CSS中背景background-position负值定位 CSS中背景background-position负值定位 CSS中背景background-position负值定位 CSS中背景background-position负值定位

    HTML IE6 纯CSS 解决 position fixed 的问题

    在`ie6.css`中,我们可以使用其他方法替代`position: fixed;`,如`position: absolute;`配合JavaScript进行动态调整。 2. **使用expression()表达式**: IE6支持CSS表达式,可以通过它来计算元素的位置。例如,...

    批量输出 CSS background-position 属性的定位像素值

    在CSS中,`background-position`属性是一个非常重要的部分,它控制着背景图像在元素内的位置。这个属性允许我们精确地定位背景图像,从而实现各种视觉效果。 批量输出`background-position`属性的定位像素值通常是...

    IE6下的纯CSS完美position:fixed实现

    在互联网早期,Internet Explorer 6 (IE6) 是一个广泛使用的浏览器,但它的CSS支持并不完善,特别是对于`position: fixed`属性。`position: fixed`在现代浏览器中用于创建固定定位元素,使得元素相对于视口...

    CSS-position(定位)

    在网页设计中,CSS(层叠样式表)的position属性是至关重要的,它决定了元素在页面上的布局方式。本文将详细解析CSS-position的五个主要值:static、relative、fixed、absolute和sticky,以及它们在实际应用中的重叠...

    打造节日氛围:使用CSS `position` 属性创建圣诞树和装饰

    通过使用CSS的position属性,我们可以轻松地定位和装饰一棵圣诞树。通过添加动画效果和响应式设计,我们可以进一步增强视觉效果和用户体验。这个简单的项目不仅可以帮助你掌握CSS定位技巧,还可以为你的网站或应用...

    深入理解css中position属性及z-index属性(推荐)

    CSS中的position属性用于指定元素在文档流中的定位方式,它决定了元素在页面上的布局和交互方式。position属性包含四个可能的值:static、fixed、relative、absolute,下面逐一详细说明。 1. static定位:这是...

    css中position:fixed实现div居中上下左右居中

    与之相对的是position:absolute,它会将元素定位在最近的已定位祖先元素中,如果没有则相对于初始包含块(通常是视口)。 要实现DIV的完全居中,需要结合使用position:fixed以及通过调整left、top、right、bottom...

    HTML CSS——position学习终结者(二).zip

    `position`属性是CSS中一个至关重要的概念,它控制着元素在页面上的定位方式。在这个“HTML CSS——position学习终结者(二)”的资料中,我们预计将深入探讨`position`的各种用法和技巧。 首先,`position`属性用于...

    css中position:relative和overflow:hidden的问题

    在CSS布局中,`position:relative`和`overflow:hidden`是两个非常重要的属性,它们分别用于控制元素的位置和其内容的溢出行为。本文将详细探讨这两个属性的工作原理以及它们之间的相互影响。 首先,我们来看`...

    css的position里的relative和absolute的区别.docx

    CSS Position relative 和 absolute 的区别 在 CSS 中,position 属性 plays a crucial role 在排版元素中。在 position 属性中,有五个值:static、inherit、fixed、absolute 和 relative。今天,我们将深入探讨 ...

    CSS中position属性之fixed实现div居中

    在CSS布局中,`position`属性是一个至关重要的概念,它决定了元素如何在页面上定位。`position`属性有多个值,如`static`、`relative`、`absolute`和`fixed`,每种都有其特定的用途。在这个场景中,我们主要关注的是...

    CSS 中position五种定位

    position定位包含哪些

    CSS Position(定位)

    CSS Position(定位) position 属性指定了元素的定位类型。 position 属性的五个值: fixed 定位 元素的位置相对于浏览器窗口是固定位置。 即使窗口是滚动的它也不会移动: 实例 p.pos_fixed { position:fixed; ...

Global site tag (gtag.js) - Google Analytics