[css] 说说position的absolute和fixed共同与不同点分别是什么？

[css] 说说position的absolute和fixed共同与不同点分别是什么？

相同点：
1、都是用来给元素定位的属性，具有定位元素的一切特点（例如脱离文本流、不占据空间等等）；
2、改变元素的呈现方式为display：block；
不同点：
1、fixed的父元素永远是浏览器窗口，不会根据页面滚动而改变位置；absolute的父元素是可以设置的，他会永远跟随父元素的位置的改变而改变。

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/412635.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

从源码角度分析下 micrometer 自定义 metrics endpoint 和 springboot actuator

从源码角度分析下 micrometer 自定义 metrics endpoint 和 springboot actuator

大家好，我是烤鸭： 今天分享下 micrometer 的源码，和springboot集成 自定义endpoint 的使用。 1. 文档信息 官方文档： http://micrometer.io/docs github： https://github.com/micrometer-metrics/micrometer s…
阅读更多...
云打码

云打码

1、云打码平台注册开发者模式用户登录 2、建立项目，下载项目案列代码接口 代码如下： 1 import http.client, mimetypes, urllib, json, time, requests2 3 ######################################################################4 5 class YDMHttp:6 …
阅读更多...
[css] 手动写动画最小时间间隔是多少，为什么？

[css] 手动写动画最小时间间隔是多少，为什么？

[css] 手动写动画最小时间间隔是多少，为什么？ 一般浏览器的刷新频率为每秒60次，所以最小事件间隔为 1/60*1000 约 16.7ms个人简介 我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易， 但坚持一定很酷。欢迎大家一起…
阅读更多...
Perhaps you are running on a JRE rather than a JDK? 关于 idea maven 缓存的问题 清理 idea maven 缓存

Perhaps you are running on a JRE rather than a JDK? 关于 idea maven 缓存的问题 清理 idea maven 缓存

大家好，我是烤鸭： 1. 先检查是否环境变量的问题 参考这篇 https://blog.csdn.net/mingjie1212/article/details/106963143 2. 如果确定环境变量没问题 执行maven install的时候报错，Perhaps you are running on a JRE rather than a JDK …
阅读更多...
[css] 怎样把一个div居中？怎样把一个浮动元素居中？怎样把绝对定位的div居中？

[css] 怎样把一个div居中？怎样把一个浮动元素居中？怎样把绝对定位的div居中？

[css] 怎样把一个div居中？怎样把一个浮动元素居中？怎样把绝对定位的div居中？ 主要用到:text-alin: center;margin: 0 auto;position: relative | absolute; left: 50%;vertical-align: middle;transform: translate(-50%);个人简介 我是歌谣…
阅读更多...
swift - 使用系统app导航

swift - 使用系统app导航

import UIKit//1.导入框架 import MapKitclass ViewController: UIViewController {lazy var geoCoder : CLGeocoder {return CLGeocoder()}()override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {geoCoder.geocodeAddressString("广州&…
阅读更多...
springcloud gateway 使用nacos 作为配置中心 和 注册中心

springcloud gateway 使用nacos 作为配置中心 和 注册中心

大家好&#xff0c;我是烤鸭&#xff1a; 今天分享下 springcloud gateway 使用nacos作为配置中心和注册中心&#xff0c;主要是还是配置中心。 源码下载&#xff1a; https://gitee.com/fireduck_admin/springcloud-gateway-nacos-demo 1. 本地部署nacos 下载 https://g…
阅读更多...
[css] 用css画一个太阳

[css] 用css画一个太阳

[css] 用css画一个太阳 // css.sun {margin: 200px;width: 200px;height: 200px;border-radius: 50%;background: red;box-shadow: 0 0 21px #fe9e9e;position: relative;}// ::before & ::after 辅助.sun::before {width: 0;height: 500px;content: ;border-left: 1px s…
阅读更多...
java后台工具类-通过交易码获得方法名

java后台工具类-通过交易码获得方法名

import org.apache.log4j.Logger;import net.sf.json.JSONObject;public class GetResultByTransCode {private final static Logger log4j Logger.getLogger(GetResultByTransCode.class);/*** 功能描述&#xff1a;通过交易码查询服务名及方法名* param transCode* return J…
阅读更多...
springboot 拦截器的坑 WebMvcConfigurationSupport 失效

springboot 拦截器的坑 WebMvcConfigurationSupport 失效

大家好&#xff0c;我是烤鸭&#xff1a; 今天遇到一个拦截器失效的问题&#xff0c;具体看源码分析下。 环境: springboot 2.x spring 5.x 1. 先说下业务场景 需求是对请求进入时和离开时对和线程id绑定&#xff0c;用的Threadlocal&#xff0c;现在有一个问题&#xff0…
阅读更多...
[css] 你有用过哪些css框架？说说它们的特点

[css] 你有用过哪些css框架？说说它们的特点

[css] 你有用过哪些css框架&#xff1f;说说它们的特点 bootstrap 不够全&#xff0c;所以后来基本都是借鉴思路取长补短自己写的 css 类库或原子类库。 animate.css 用起来很爽&#xff0c;主要用于滚动和小动效。过渡动画当然还是 clip.js 来弄的。 Tent CSS&#xff0c;WeU…
阅读更多...
14 内置函数2

14 内置函数2

今日主要内容 1. 昨日补充 repr() 显示出字符串的官方表示形式 chr() ord() 2. 递归 自己调用自己 递归的入口(参数) 和 出口(return) 树形结构的遍历 3. 二分法 掐头结尾取中间 查找效率非常的高1.递…
阅读更多...
skywalking 源码解析——多线程变量传递 EnhancedInstance

skywalking 源码解析——多线程变量传递 EnhancedInstance

大家好&#xff0c;我是烤鸭&#xff1a; 今天分享下 skywalking源码&#xff0c;正好自己用到相关的内容了。 1. 拦截点 三个主要的拦截器、构造方法、静态方法和示例方法&#xff0c;每个切面里都可以重写这些方法&#xff0c;并且指定进入的拦截器。 2. trace 相关内容 …
阅读更多...
[css] box-sizing常用的属性有哪些？分别有什么作用？

[css] box-sizing常用的属性有哪些？分别有什么作用？

[css] box-sizing常用的属性有哪些&#xff1f;分别有什么作用&#xff1f; box-sizing常用的属性有 content-box 和 border-box。content-box 盒子的宽度不包含 border和padding&#xff0c;border-box盒子的宽度包含border 和padding。个人简介 我是歌谣&#xff0c;欢迎和大…
阅读更多...
2018-2019-1 20165303 实验五 通讯协议设计

2018-2019-1 20165303 实验五 通讯协议设计

任务一 Linux下OpenSSL的安装与使用 前往OpenSSL官网&#xff0c;选择打开OpenSSL源码下载地址&#xff0c;按照下图所示方法下载压缩包“openssl-master.zip Linux下使用unzip openssl-master.zip命令解压 安装的具体命令如下&#xff1a;$ ./config$ make$ make test$ make i…
阅读更多...
从字节码看 finally关键字、异常表

从字节码看 finally关键字、异常表

大家好&#xff0c;我是烤鸭&#xff1a; 今天说下 finally 这个关键字。 1. 认识finally finally 总是跟 try、catch一起出现&#xff0c;finally是执行方法结束一定要执行的代码&#xff0c;比如流关闭等等。 finally是如何实现在异常捕捉之后保证执行 finally 代码块里的…
阅读更多...
[css] inline、block、inline-block这三个属性值有什么区别？

[css] inline、block、inline-block这三个属性值有什么区别？

[css] inline、block、inline-block这三个属性值有什么区别&#xff1f; inline&#xff1a; 行内元素&#xff0c;元素不独占一行&#xff0c;不可以修改宽高 block&#xff1a; 块级元素&#xff0c;元素独占一行&#xff0c;可以修改宽高 inline-block&#xff1a; 行内块级…
阅读更多...
BZOJ3110: [Zjoi2013]K大数查询(整体二分)

BZOJ3110: [Zjoi2013]K大数查询(整体二分)

Description 有N个位置&#xff0c;M个操作。操作有两种&#xff0c;每次操作如果是1 a b c的形式表示在第a个位置到第b个位置&#xff0c;每个位置加入一个数c如果是2 a b c形式&#xff0c;表示询问从第a个位置到第b个位置&#xff0c;第C大的数是多少。 Input 第一行N&#…
阅读更多...
Unhandled exception: org.springframework.beans.factory.BeanDefinitionStoreException

Unhandled exception: org.springframework.beans.factory.BeanDefinitionStoreException

大家好&#xff0c;我是烤鸭&#xff1a; ​ 使用 idea 莫名其妙的错误。 无法编译 异常已经 catch 住了&#xff0c;提示明显是有问题的。 再看一下 maven install 的结果 Error:(99, 100) java: 无法访问org.springframework.core.env.EnvironmentCapable 找不到org.spr…
阅读更多...
[css] margin和padding使用的场景有哪些？

[css] margin和padding使用的场景有哪些？

[css] margin和padding使用的场景有哪些&#xff1f; 实现自适应的等比例矩形效果&#xff1a; div { padding: 50%; } div { padding: 25% 50%; } //宽高比为 2:1 的矩形效果实现头图高度天然等比例缩小效果 .box { padding: 10% 50%; position: relative; } .box > img {…
阅读更多...
最新文章

Copyright @ 2022~2023