`
zhang19581987
  • 浏览: 60262 次
  • 性别: Icon_minigender_1
  • 来自: 上海
最近访客 更多访客>>
社区版块
存档分类
最新评论

CSS 有关Position = absolute (绝对定位 是相对于谁而言)

    博客分类:
  • web
阅读更多

css中有绝对定位法,以前一直搞不懂绝对定位是相对于谁而言的绝对定位。

 

现在搞清楚了,不是相对于父元素,也不是相对于BODY。

 

而是相对于所属元素树中,相邻最近的那个显示标识了position属性的元素。

 

比如

 


<div id="a" style="position:relative">
  
<div id="b">
    
<div id="c" style="position:absolute">
    
</div>
  
</div>
</div>

 

div#c就是根据div#a进行绝对定位。

分享到:
评论

相关推荐

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

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

    CSS中背景background-position负值定位

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

    浅谈css position absolute相对于父元素的设置方式

    大家知道css的position absolute默认是根据document来设置的,比如... 然后把子元素的位置position设置为absolute的,并设置其left,top,right,bottom属性,这样就是相对于父元素的绝对位置了。 如下html示例代码:

    css定位绝对相对定位

    css的绝对定位,相对定位,浮动的规则。等等等

    网页布局绝对定位(position)轻松简单

    要想控制好层的绝对定位,只要理解CSS中关于定位(position)的定义...定位(position)允许用户精确定义元素框出现的相对位置,可以相对于它通常出现的位置,相对于其上级元素,相对于另一个元素,或者相对于浏览器视

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

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

    CSS 定位之position全面了解

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

    CSS之Position详解

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

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

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

    CSS相对定位和绝对定位

    CSS相对定位和绝对定位,让你轻松了解css的定位知识和相关的内容

    HTML5&CSS3网页制作:相对定位.pptx

    相对定位 相对定位 01 元素的定位 定位 属性 相对 定位 绝对 定位 ...定位 ...定位 ...在CSS中,通过定位属性...熟知元素的相对定位是相对于自身原来的位置进行一定量的偏移 熟知掌握相对定位的语法格式能熟练运用 总结 THANK

    css-绝对定位的参考对象

    博文链接:https://kino.iteye.com/blog/205528

    CSS-position(定位)

    CSS-position(定位)中的static、relative、fixed、absolute、sticky以及重叠的简单应用

    CSS中position定位的个熟悉示例介绍

    absolute绝对定位(相对于最近的父元素,假如父元素都是默认的static,那么将相对body进行定位,如果父元素为relative定位,那么就相对该父元素进行定位) relative相对定位(相对于自己,在原来位置上移动。与...

    css定位学习小结.md

    (2)absolute 绝对定位: a : 参照物:按照已经有定位的父元素进行位置的变化。 b : 假如 当前没有父元素 或者 父元素没有定位的情况下,以整个文档为参照物。 c : 绝对定位,脱离文档流、不占据空间

    CSS网页布局教程:绝对定位和相对定位

    通过本文你绝对能理解绝对定位和相对定位了,如果你看完本篇文章还不理解绝对定位和相对定位的话,我看你就别学CSS了!哈哈! 概要: 本文主要描述XHTML中相对定位和绝对定位各自的本质、用法、区别和两者之间的关系...

    css中定位中的absolute和relative是什么意思

    absolute是指绝对定位,即将对象从文档流中拖出,使用left,right,top,bottom等属性进行绝对定位,而其层叠通过z-index属性定义。此时对象不具有边距,但仍有补白和边框。 ralative是指相对定位,就是依据left,...

    dreamweaver 【CSS样式规则对话框详解】& CSS定位详解之绝对定位和相对定位

    有了这个就可以搞定很多事情 在“CSS规则对话框”中,我们可以通过类型、背景、区块、方框、边框、列表、定位和扩展项的设置,来美化我们的页面,当然啦,我们在定义某个...还有【CSS定位详解之绝对定位和相对定位】哦

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

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

    css教程之绝对定位使用详解

    如果说相对定位没有脱离文档流,相对于对象本身进行偏移有点拖泥带水的话,那么绝对定位绝对是快刀斩乱麻,因为绝对定位可以使一个对象脱离正常的文档流,好像是漂浮在正常文档流的上空,并相对于包含此对象的元素...

Global site tag (gtag.js) - Google Analytics