qq_57229069 2021-08-21 08:28 采纳率: 33.3%
浏览 35

有关absolute和relative的不解

img

img
代码如图。本来想练个简单的动画效果的，但是图一把主盒子的定位改成相对定位后，结果动画效果就跟抽了风一样，先是往左平移，然后又猛地回到原地进行下一步的动画，而改成相对定位后就变正常了，请问这是为什么啊？

  • 写回答

2条回答 默认 最新

  • 落落Plus 2021-08-21 10:06
    关注

    img
    relative 是不脱离标准文档，以自身的位置偏移
    absolute 脱离标准文档；根据有relative的父元素，没有就根据页面的0，0 位置偏移

    评论

报告相同问题？

  • relative absolute实例讲解
    2017-05-19 14:37
    seven_begain的博客 absolute是绝对定位，relative是相对定位，配合TOP、RIGHT、BOTTOM、LEFT进行使用 二、实例 1、relative 相对谁来定位？相对自己未定位前的位置来定位 style type="text/css"> .first{ width:200px; ...
  • 前端fixed
    2025-04-02 09:40
    欧阳天风的博客 以上就是关于fixed定位的一些可能在开发中令人不解的东西，如果又错误欢迎指出。
  • Web前端开发之CSS学习笔记5—溢出、浮动、层叠
    2022-05-09 17:04
    云卷云舒_jing的博客 语法： position:static|absolute|relative|fixed|inherit; 值 说明 static 默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。 absolute 生成绝对定位的元素，相对于 ...
  • 前端学习笔记--CSS
    2025-03-24 16:22
    麓殇⊙的博客 ​ 月既不解饮，影徒随我身。 ​ 暂伴月将影，行乐须及春。 ​ 我歌月徘徊，我舞影零乱。 ​ 醒时相交欢，醉后各分散 文本样式 1.颜色 color rgb rgba 2.文本对齐的方式 text-align = center 3.首行缩进 text-...
  • 【Web前端实操20】商城官网_黑色导航
    2024-01-31 06:30
    墨倾许的博客 本次除了每篇都要通用的样式CSS代码之外，还增添了一个引用矢量图标的样式，如果有兴趣的友友们，可以看看我的这篇博客，上面详细介绍了如何下载矢量图标并进行应用的：【Web前端实操17】导航栏效果——滑动门-CSDN...
  • CSS 相对/绝对(relative/absolute)定位系列（三）
    2015-09-15 13:36
    燕过留誉的博客 by zhangxinxu from http://www.zhangxinxu.com... ... ...一、absolute正业之元素隐藏 元素隐藏与显示是我们在页面制作与交互效果实现中非常常见的，如果您只是使用display:none与display:block/inline来实现D
  • web前端入门到实战：12个HTML和CSS必须知道的重点难点问题
    2019-09-11 14:49
    魔方编程的博客 这12个问题，基本上就是HTML和CSS基础中的重点难点了，也是必须要弄清楚的基本问题，其中定位的绝对定位和相对定位到底相对什么定位？这个还是容易被忽视的，浮动也是一个大坑，有很多细节。这12个知识点是我个人...
  • 2021 Web 前端热点笔试面试题总结【更新版】
    2019-10-29 11:56
    Jay·Yuen的博客 简述异步和同步的区别： 同步：浏览器访问服务器请求，用户看得到页面刷新，重新发请求,等请求完，页面刷新，新内容出现，用户看到新内容,进行下一步操作 异步：浏览器访问服务器请求，用户正常操作，浏览器后端...
  • 2019面试题前端最新版（一）
    2019-12-23 13:37
    就是不健身的博客 2019面试题前端最新版（一） 简述异步和同步的区别： 同步：浏览器访问服务器请求，用户看得到页面刷新，重新发请求,等请求完，页面刷新，新内容出现，用户看到新内容,进行下一步操作 异步：浏览器访问服务器请求，...
  • 2019 Web 前端热点笔试面试题总结【终结版】
    2020-06-10 11:53
    扬、的博客 简述异步和同步的区别： 同步：浏览器访问服务器请求，用户看得到页面刷新，重新发请求,等请求完，页面刷新，新内容出现，用户看到新内容,进行下一步操作 异步：浏览器访问服务器请求，用户正常操作，浏览器后端进行...
  • 纯HTML+CSS网页设计期末作业（个人网站）
    2021-11-14 18:45
    秋千水竹马道的博客 对你来说，我也只是一只狐狸，和其他成千上万的狐狸没有什么不同。但是，如果你驯养了我，我们就会彼此需要。对我来说，你就是我的世界里独一无二的了；我对你来说，也是你的世界里的唯一了。”span> div> ...
  • 12个HTML和CSS必须知道的重点难点问题
    2019-07-08 15:25
    暮　色的博客 这12个问题，基本上就是HTML和CSS基础中的重点难点了，也是必须要弄清楚的基本问题，其中定位的绝对定位和相对定位到底相对什么定位？这个还是容易被忽视的，浮动也是一个大坑，有很多细节。 这12个知识点是我个人...
  • WEB前端(3)—— 初识CSS
    2021-08-10 21:31
    会璇转地木马的博客 目录 什么是CSS： CSS样式单的使用方式： CSS的两个特性： CSS的基本语法： CSS的选择器： 元素选择器： ... 代码样式和效果图如下： 小结： 本篇文章介绍了CSS是什么，CSS选择器，以及CSS属性，如有不解一起探讨。
  • 网页设计与制作实验三：CSS基础样式应用实验报告
    2025-10-09 18:45
    fengyan__的博客 重点解析了CSS规则集结构（选择器+声明块）和六种常用选择器（元素/类/ID/属性/伪类/组合选择器）。详细对比了四种CSS引入方式：行内式（优先级高但难维护）、嵌入式（适合单页面）、链接式（最佳实践）和导入式（已...
  • 没有解决我的问题, 去提问

问题事件

  • 创建了问题 8月21日