被绝对定位后，::after中的内容不会移动。
创始人
2024-11-28 18:00:26
0次

要解决被绝对定位后，::after中的内容不会移动的问题，可以结合使用绝对定位和相对定位来实现。

首先，在父元素上添加相对定位，然后在子元素中使用绝对定位来定位::after伪元素。

HTML代码示例：


  
这是一个被绝对定位的元素

CSS代码示例：

.container {
  position: relative;
}

.content {
  position: absolute;
}

.content::after {
  content: "这是::after中的内容";
  position: absolute;
  top: 20px;
  left: 20px;
}

在这个示例中，父元素container被设置为相对定位，子元素content被设置为绝对定位。然后在content的::after伪元素中，使用绝对定位来定位其内容。

这样，无论content元素如何被移动，::after中的内容都会保持在相对于content元素定位的位置不动。

上一篇：被卷积神经网络矩阵大小的计算问题困扰着

下一篇：被拒绝的 HTTP promise 不会触发 catch 块

相关内容

热门资讯

智能(aapoker牌局)的确... 智能(aapoker牌局)的确真的有挂!原来真的有挂(2020已更新)(哔哩哔哩)；亲，其实确实真的...
八模拟器(德扑ai智能)外挂透... 八模拟器(德扑ai智能)外挂透明挂辅助APP(软件透明挂)透视辅助(2022已更新)(哔哩哔哩)是由...
(WPk透明挂)有挂存在-gg... WePoker透视辅助版本解析‌，(WPk透明挂)有挂存在-gg扑克平台软件透明挂-德州ai辅助神器...
8分钟普及!腾威互娱辅助外挂透... 8分钟普及!腾威互娱辅助外挂透视辅助-腾威互娱辅助原来真的有挂(2021已更新)；无聊就玩这款真的有...
四ai插件(线上德州aapok... 四ai插件(线上德州aapoker)外挂辅助挂(辅助挂)透视辅助(2023已更新)(哔哩哔哩)；原来...
线上(wpk后台)果真是真的有... 线上(wpk后台)果真是真的有挂!其实真的有挂(2023已更新)(哔哩哔哩)相信很多朋友都在电脑上玩...
(WPk透明挂)有挂方针-WP... 自定义WPk透明挂系统规律，只需要输入自己想要的开挂功能，一键便可以生成出微扑克专用辅助器，不管你是...
九脚本(德州手机)外挂透明挂辅... 九脚本(德州手机)外挂透明挂辅助插件(软件透明挂)透视辅助(2021已更新)(哔哩哔哩)1、玩家可以...
七分钟了解!卡五星游戏外挂透明... 自定义系统规律，只需要输入自己想要的开挂功能，一键便可以生成出微扑克专用辅助器，不管你是想分享给你好...
第九辅助(来玩app德州)外挂... 第九辅助(来玩app德州)外挂辅助工具(软件透明挂)透视辅助(2021已更新)(哔哩哔哩)；免费来玩...