ITPub博客

首页 > IT职业 > IT生活 > CSS 绝对定位和相对定位我的理解

CSS 绝对定位和相对定位我的理解

IT生活 作者:mex 时间:2021-09-09 09:30:31 0 删除 编辑

绝对定位不占任何位置的定位(带有绝对定位的div盒子直接不保留之前的位置移动)

相对定位占位置的定位(举例:虽然带有相对定位的div模块移动了,但是这个div之前的占的位置还在的)

绝对定位的div盒子的父亲必须要有一个定位,不然绝对定位就直接以浏览器为基准开始走动

举个例子

没给最外面的DIV定位,给最里面DIV一个绝对定位,发现这个小DIV是沿着浏览器边缘走动的

图片描述

html>

如果我跟父亲给个相对定位了,效果看下图

图片描述

html>
position: absolute;绝对定位position: relative;相对定位


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/3932/viewspace-2804044/ ,如需转载,请注明出处,否则将追究法律责任。

上一篇: Java CAS 原理分析
请登录后发表评论 登录
全部评论

注册时间:2019-07-09

  • 博文量
    193
  • 访问量
    1886