美文网首页
什么时候使用绝对定位absolute?

什么时候使用绝对定位absolute?

作者: yueluoxingliu | 来源:发表于2023-07-08 15:25 被阅读0次

一、绝对定位:

1.元素出现在一个不固定的位置

2.不影响其他元素的排列位置

3.单个元素在某个区域内垂直水平都居中

绝对定位居中的条件:

(1)定宽高

(2)left 50%   top:50%   

(3)margin-left :-1/2宽  margin-top:-1/2高


二、absolute 与fixed区别:

fixed:相对于视口

absolute:相对于有定位的父元素

相关文章

  • 遮罩效果--首页公告

    position:absolute;绝对定位 position:absolute;(表示绝对定位),这条语句的作用...

  • HTML 布局与定位

    定位 position absolute relative fixed 绝对布局 当使用绝对布局,会根据父布局左上...

  • h5页面嵌套APP中,在iOS中出现无法滑动问题

    摘要 此bug出现需要条件:父元素需使用绝对定位absolute或固定定位fixed,使用overflow: sc...

  • css div 重叠

    position: absolute;用绝对定位。

  • 绝对定位absolute

    absolute包裹性float是个带有方位的display:inline-block属性,absolute也是个...

  • css第五节

    position定位 absolute:绝对定位 static:自动定位 relative:相对定位 fixed:...

  • 赛车小游戏-绝对定位

    <绝对定位> position:absolute:将对象从文档流中拖出,使用 left , right , top...

  • day06

    1定位 相对定位relation 绝对定位absolute 相对定位就是元素在页面上的正常位置 2绝对定位 绝对定...

  • position 有4种,分别对应效果和用法

    1:relative相对定位,经常配合absolute来实现垂直居中; 2:absolute 绝对定位(脱离文档流...

  • HTML

    定位 属性:position 取值:relatire 相对定位 absolute 绝对定位 fi...

网友评论

      本文标题:什么时候使用绝对定位absolute?

      本文链接:https://www.haomeiwen.com/subject/zthjudtx.html