`
youzhibing
  • 浏览: 51144 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

css中position

css 
阅读更多
http://www.cnblogs.com/Zigzag/archive/2009/02/19/position.html
此文已经讲的很详细了!
   我来简化一下,说说自己的理解:
      relative:根据他自身的位置(没有进行relative偏移时)进行偏移
      absolute则分两种情况:1、父级对象都没有设置position属性(主要是relative和absolute两个值)时,则会以body为定位对象,即按浏览器窗口进行定位;
             2、当父级对象设置了position属性时,则根据设置了position的最近的父级对象进行定位

       注意:当position设成absolute之后,margin不起作用,但是padding和border还是存在的!
分享到:
评论

相关推荐

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

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

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

    在这段CSS代码中,首先设置了.dialog类的position属性为fixed,确保该DIV相对于视口定位。接着,通过设置top: 50%和left: 50%属性,将DIV元素的左上角定位到视口的中心位置。然后,通过设置margin负值来调整DIV元素...

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

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

    CSS Position

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

    CSS 中position五种定位

    position定位包含哪些

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

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

    CSS中背景background-position负值定位

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

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

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

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

    CSS中的定位模式规定了一个盒子在总体的布局上应该处于什么位置以及对周围的盒子会有什么影响。该模式包括了常规文档流,浮动,和几种类型的 position 定位的元素。其中,CSS position 属性可以取5种值:position: ...

    CSS之Position详解

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

    举例详解CSS中position属性的使用

    CSS(层叠样式表)是一种用于描述网页呈现样式的语言,而position属性是CSS中用于控制元素位置的重要属性。position属性定义了元素的定位类型,其不同的值决定了元素在页面上的定位方式,以及它与其他元素的相对关系...

    详解CSS中position属性介绍(新增sticky)

    在CSS布局中,`position`属性是一个至关重要的概念,它决定了元素在页面上的定位方式。本文将详细解析CSS中的`position`属性,并特别关注CSS3新增的`sticky`值。 首先,`position`属性的基本用法是设定元素的定位...

    css-position.txt

    css position总结

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

    在CSS布局中,`position`和`overflow`属性是两个非常关键的概念,它们共同决定了元素在页面上的定位和可见性。在本问题中,我们主要关注`position:relative`和`overflow:hidden`之间的交互,以及在不同浏览器(尤其...

    CSS中Position四个属性的使用介绍

    CSS中的Position属性是进行网页布局定位的核心技术之一,该属性共有四个不同的值,分别是static、relative、absolute和fixed,它们各自有着不同的功能和使用场景,下面将详细介绍这四个属性。 1. static定位(静态...

Global site tag (gtag.js) - Google Analytics