CSS中相对定位怎么理解

 时间:2024-10-14 00:47:55

1、相对定位,是当前元素相对父容器的定位,如果父容器不秽颢擤崮存在,那就是window对象,你可以理解成浏览器就和了。那么怎么定义呢?先第一步,给定两个DIV,一父一子,代码如下:<div class="father"><div class="son">son</div></div>此时没有任何效果。

2、我们给father类加上样式,代码如下:.father{margin-left: 300px;background: pink;width: 400px;height: 400px;border: 1px solid red;}

CSS中相对定位怎么理解

3、给son元素加上样式,这里要设置相对定位,就是相对father类的定位。.son {position多唉捋胝: relative;left: 40px;top: 50px;border: 1px solid white;width: 200px;}此时看到son元素并没有相对浏览器设置了距离,而是在father容器内。

CSS中相对定位怎么理解
  • 航海王热血航线夏日怪谈攻略?
  • 地龙的作用有哪些
  • 漂流时应该注意哪些事项
  • 烟台限号是怎么限的
  • 原神胡椒在哪购买
  • 热门搜索
    创卫手抄报资料 关于清明节手抄报图片 美德少年手抄报资料 讲文明懂礼貌手抄报 绿色环保手抄报资料 关于黄河的手抄报初一 舌尖上的年味手抄报 自我介绍手抄报图片 手抄报简单 珍惜粮食手抄报