相对定位、绝对定位、z-index

布满荆棘的人生 2022-06-14 01:11 442阅读 0赞

相对定位(relative)

1、相对于原来的位置进行定位

2.、元素原来在文档流的位置还会被保留着

注意:左和上市正方向,右和下是负方向,相对定位可以理解成完全脱离文档流的

面试问的话三种定位当中没有脱离文档流的,回答:相对定位,因为他文档位置是保留的

-----------------------------------------------------------------------------

绝对定位

1、元素在文档流中的位置将不再保留

2、绝对定位相对于离他最近的有定位元素属性的父级元素进行定位

3、每一个元素独占一层空间,不会互相冲突

注意:一般在用上绝对定位的子元素要根据定位的父元素都是用相对定位(relative)

-----------------------------------------------------------------------------

z-index

1、只有亲兄弟元素才有z-index这个层级属性可比

2、有定位属性的元素才有层级概念,默认是0;数值越大在越上面

发表评论

表情:
评论列表 (有 0 条评论,442人围观)

还没有评论,来说两句吧...

相关阅读

    相关 duilib绝对定位相对定位

    前言 duilib中窗口,布局,控件等在屏幕上的显示位置都是按照配置好的xml文件规则显示的,每个显示元素的位置大小也需要显式指定,才能呈现出更好看的界面效果,显示元素的

    相关 相对定位绝对定位

    什么是文档流? 将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流。 只有三种情况会使得元素脱离文档流,分别是:浮动绝对定位和相对定位。 对pos