`
CshBBrain
  • 浏览: 650111 次
  • 性别: Icon_minigender_1
  • 来自: 成都
博客专栏
B7d9bf34-126e-301f-819e-81f2615b5a2a
开源WebSocket服务...
浏览量:144905
Group-logo
HTML5移动开发
浏览量:137853
社区版块
存档分类
最新评论

CSS的定位即position属性的值有4种

 
阅读更多
来自网络:
CSS的定位即position属性的值有4种:static,relative,absolute,fixed。
static是默认值,元素位于文档流中,正常显示,忽略元素的top,bottom,left,right属性。需要注意的一点是z-index属性在这个定位方式下始终为0.如果其他定位方式的漂浮元素要位于static定位的内容之下,必须使用负数的z-index属性才行。
relative是保留元素在文档流中占用的位置和尺寸,元素在static模式的位置下为起点由top,left几个属性确定相对移动的距离。
absolute模式文档流中不再给元素保留空间,元素相对于网页的左上角定位。
fixed和absolute差不多,但是它相对的是窗口的左上角,也就是文档比较长出现滚动的时候,fixed定位的元素不会跟随文档滚动。但是如果在多frame页面里面,它相对的是所在frame的左上角,而不是一些地方讲的浏览器左上角。
分享到:
评论

相关推荐

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

    总结来说,批量输出CSS `background-position`属性的定位像素值是一个涉及到CSS理解、单位转换和自动化处理的技术任务。通过适当的工具和技术,你可以高效地统一和优化大量元素的背景图像位置,提高工作效率,并确保...

    DIV CSS布局中position属性用法深入探究

    本文向大家描述一下DIV CSS布局中的position属性的用法,position属性主要有四种属性值,任何元素的默认position的属性值均是static,静态。这节课主要讲讲relative(相对)以及absolute(绝对)。 如何学习DIV+CSS...

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

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

    关于CSS position属性值absolute,relative的解释.zip

    在CSS布局中,`position`属性是一个至关重要的概念,它决定了元素在页面上的定位方式。本文件主要探讨了`position`属性的两个关键值:`relative`和`absolute`,这些知识点对于创建复杂的网页布局至关重要。 首先,...

    CSS 绝对定位属性absolute用法初探

    在CSS布局中,绝对定位(absolute positioning)是一种强大的定位机制,允许开发者精确地控制元素在网页上的位置。本文将深入探讨CSS绝对定位属性`absolute`的用法,并提供实例来帮助理解。 首先,理解`position`...

    CSS background-position 属性 定位图片

    CSS background-position 属性定位图片 在 CSS 中,background-position 属性是设置背景图像的起始位置的属性。今天,我们来讨论这个属性的定义、用法和效果。 定义 background-position 属性设置背景图像的起始...

    CSS Position

    **CSS定位原理** 在网页设计中,CSS(Cascading Style Sheets)是用于控制网页元素样式和布局的重要工具。"CSS Position"是一个关键概念,它决定了元素在页面上的位置和排列方式。理解并掌握CSS定位对于创建响应式...

    CSS中的position 的值: absolute 与 relative

    `position`属性有多个可选值,其中`absolute`和`relative`是两个最常使用的值,它们在网页设计中扮演着关键角色。 **一、position: static** 这是所有元素的默认定位方式。`static`定位遵循正常的文档流,即元素会...

    CSS的position属性在DIV层中的应用

    position属性有几个值:static、relative、absolute、fixed以及最近添加的sticky。 1. static:这是position属性的默认值。表示元素按照常规文档流进行布局。不进行特别的定位处理,所有的元素都按照HTML中的顺序...

    css的定位属性.md

    介绍了css的定位属性,position的相对定位,绝对定位等,里面的内容并不是很全,希望可以给你提供一些帮助。

    简明CSS定位属性position

    position属性有四个主要的值:static、fixed、relative和absolute,每个值有其特定的用途和行为模式。 1. static定位是默认值,元素遵循正常的文档流,不会被特别定位。在静态定位下,top、bottom、left和right属性...

    图解CSS中position属性的定位用法

    其中,CSS position 属性可以取5种值:position: absoluteposition: relativeposition: fixedposition: staticposition: inheritstatic 是 position 默认的属性值。任何应用了 position:static 的元素都处于常规文档...

    html+css定位练习

    在CSS中,定位属性主要涉及到`position`,它可以设置为以下几种值: 1. **static**:默认值,元素遵循正常的文档流,不发生位置偏移。 2. **relative**:相对定位,元素相对于其正常位置进行偏移,不影响其他元素的...

    总结CSS的position定位属性在使用的一些重点

    关于CSS定位,有人很多时候都是随便用用,符合自己的要求就行。但是CSS中的position等属性确实有很多需要认真考究的地方。 1.position:staticstatic属性是position的默认值,也就是说,当一个元素没有为其设定...

    CSS 定位之position全面了解

    但是涉及到弹出层、浮层、页面广告插件等等,都需要CSS中的position属性来定位了,对于初学者来说经常分不清楚是应该用position属性的absolute值、relative值、fixed值等等,下面我们就position属性基本的这三个值的...

    深入理解css中position属性及z-index属性1

    在CSS布局中,`position`属性是至关重要的,它决定了元素在页面上的定位方式。`position`有四个主要的值:`static`、`fixed`、`relative`和`absolute`,还有一个较新的值`sticky`,不过在这里我们主要讨论前四个。 ...

    float与position属性

    " Float与Position属性" Float 与 Position 属性是 CSS 中两个重要的概念,它们可以帮助开发者建立复杂的布局,实现多年的梦想。通过这两个属性,可以将布局的一部分与另一部分重叠,还可以完成多年来通常需要使用...

    详解css定位与定位应用

    ### 详解CSS定位与定位应用 #### CSS定位概述 定位技术是Web开发中不可或缺的一部分,尤其是在页面布局的设计过程中。良好的定位技巧能够帮助开发者构建出既美观又实用的网站界面。CSS提供了多种定位方式,包括...

    CSS-position(定位)

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

    css定位绝对相对定位

    相对定位是一种常见的CSS定位方式,它允许元素相对于其正常位置进行偏移。这种定位不会影响其他元素的位置。 - **定义**: 当元素设置了`position: relative;`后,该元素将根据自身的初始位置进行偏移。如果指定了`...

Global site tag (gtag.js) - Google Analytics