关于绝对定位的bug

最新推荐文章于 2024-04-25 20:49:49 发布
最新推荐文章于 2024-04-25 20:49:49 发布
阅读量167 收藏 1
点赞数
文章标签： bug
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_55557411/article/details/124768792
版权

定位的bug

出现以上问题的原因：

给父元素添加了：宽度 100% ,和相对定位，从而导致子元素相对于整个页面进行绝对定位。

如果页面过长，打开控制台后右边会出现滚动条，整体界面向左移动，然而子元素是相对于页面进行的绝对定位，所以不变，从而导致bug的产生。

解决方案：

  • 给子元素在套一层盒子，并设置相对定位

叫兽~~
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
元素绝对定位以后设置了高宽,a标签不能点击的原因及解决方法
12-13
元素绝对定位以后设置了高宽，a标签不能点击的原因： 1、元素内并无内容 2、背景是透明的，无任何背景图或者颜色 解决方法： 1、如果不是绝对定位元素的，可以用相对定位 2、给元素加透明的背景图 3、IE可以只用 background:url(about:blank) 解决 第三种方法平时用用是可以的，但是在某种情况下会有bug, 比如JS拖动层时候，拖动的事件在一个透明层上面，你有设置了其他鼠标光标，这时候拖动就会出现光标闪烁的现象！ 总结：用第二种方法，弄一个1*1PX的透明图就好！ 以上这篇元素绝对定位以后设置了高宽,a标签不能点击的原因及解决方法就是小编分享给大家的全部内容了，希望能给大
IE绝对定位元素神秘消失或被遮挡的解决方法
12-04
发现了一个奇妙的现象： 查了相关资料，高人有这样的解释： 1.当绝对定位层的邻近浮动层的宽度不等于父层宽度时，以及没有清除浮动时，IE6/7，FF中显示一致； 2.当绝对定位层的邻近浮动层的宽度不等于父层宽度时，有清除浮动时，IE6/7不显示绝对定位层，FF显示； 3.当绝对定位层的邻近浮动层的宽度等于父层宽度时，以及没有清除浮动时，IE6不显示绝对定位层，IE7/FF显示； 4.当绝对定位层的邻近浮动层的宽度等于父层宽度时，有清除浮动时，IE6/7不显示绝对定位层，FF显示； 要解决这个BUG的方法也很简单，让绝对定位层不挨着浮动层放置就好了，还有个更简单的方法，在绝对定位元素和其他元素之间
css3（五）浮动、定位、溢出处理
qq_38904347的博客
08-28 682
浮动float属性 left：元素向左浮动 right：元素向右浮动 none：默认值。元素不浮动，并会显示在其文本中出现的位置 浮动元素不在标准文档流中 清除浮动clear属性 left：在左侧不允许浮动元素 right：在右侧不允许浮动元素 both：在左、右两侧不允许浮动元素 none：默认值。允许浮动元素出现在两侧 定位position属性 static：默认值，没有定位...
隐藏绝对定位溢出父盒子的部分
weixin_43228393的博客
08-31 1044
<!DOCTYPE html> <html lang="en"> <head> <title>绝对定位溢出隐藏</title> </head> <style> * { margin: 0; padding: 0; } h2 { color: gray; } .parent { width: 100%; .
CSS定位 深入理解定位(position)的偏移
04-26 1912
前言 CSS有三种基本的布局机制：普通流、浮动和绝对定位。利用定位，可以准确地定义元素框相对于其正常位置应该出现的位置，或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。但元素究竟如何定位，定位到什么位置，主要依靠top/right/bottom/left这四个偏移属性。本文就定位中的偏移做详细介绍 position定位 值: static | relative | absolute...
记一个比较有意思的bug，position绝对定位问题
liona_koukou的博客
09-29 2135
刚刚结束的项目里有一个很有意思的bug，我们常用如图这样的方式进行侧边栏的收缩隐藏和展示，右边的小按钮会是一个absolute的绝对定位，right定为负值 代码如下：   &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&am
绝对定位溢出文档流的情况
weixin_44350171的博客
12-10 583
绝对定位溢出文档流/窗口的情况 绝对定位溢出文档流时，有两种情况： 1.绝对定位元素从文档流下方与右侧溢出，窗口会被撑开，出现滑动条。 2.从文档流上方与左侧溢出，元素溢出的部分会隐藏，窗口不会被撑开。 绝对定位的元素从文档流下方与右侧溢出，还能撑出滚动条可以理解，绝对定位虽然脱离文档流，但并未脱离窗口，依然可以撑开窗口显示滑动条。 而从文档流上方与左侧溢出被剪切隐藏的原因没搞明白，猜测是浏览器必须使文档流原点与浏览器窗口原点重合（左上角），以实现整个页面与文档流的布局与定位。如果左侧也能溢出撑开滑动条，那
CSS_绝对定位偏移
09-25 403
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title><style type="text/css"> div{ border: 1px solid red; width: 31...
css定位
X15077864696的博客
04-08 523
相对定位 relative：相对自身原来位置进行偏移。 特性：设置相对定位的盒子会相对它原来的位置，通过指定偏移，到达新的位置。 设置相对定位的盒子仍在标准文档流中，它对父级盒子和相邻的盒子都没有任何影响。 设置相对定位的盒子原来的位置会被保留下来。 position: relative;left: 20px;top:30px; 位移前 位移后 相对自身原来的位置 距离左边20px 距离顶部30...
CSS 实现绝对底部一个完美解决方案
01-21
所以，现在介绍的CSS绝对底部，只是目前个人见过的方案中比较完美的吧。 先说我们为什么会使用到这个CSS底部布局解决方案: 当做一个页面时，如果页面内容很少，不足于填充一屏的窗口区域，按普通的布局，就会出现...
目前比较全面的浏览器CSS BUG兼容汇总
12-10
对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声明. 其它请参考:CSS hack 针对IE6，IE7，fire...这是一个ie6都存在的bug。 解决方案是在这个div里面加上displa
常见 CSS BUG 的处理
09-17
信大家对于常见 CSS BUG 的处理已经相对比较熟悉，例如：IE6 Three Pixel Gap、IE5/6 Doubled Float-Margin Bug 等等...对于此类问题，我们首先要解决的是如何定位到问题，只有快速的定位到问题，才能更好的解决问题。
【bugfix】error in chunk.js from uglifyjs
daddykei的博客
04-24 502
检查是否是因为新安装的包不支持es5，通过babel 或者 fork 打包输出 es5以兼容老项目。
bugfix: com.alibaba.druid.sql.parser.EOFParserException: EOF
最新发布
wenxuankeji的博客
04-25 696
bugfix:com.alibaba.druid.sql.parser.EOFParserException: EOF
重庆思庄技术分享——Bug 12861117 RMAN 会话旋转
m0_61458430的博客
04-22 492
RMAN-00569：===============错误消息堆栈跟随===============关闭（例如：如果从管道或其他管道读取），RMAN 会话可能会无限旋转。在某些情况下，如果写入日志文件时遇到磁盘已满的情况。在某些平台上，rman 会话将在写入日志时遇到磁盘。RMAN-00558：解析输入命令时遇到错误。RMAN-00558：解析输入命令时遇到错误。RMAN-01006：解析期间发出错误信号。RMAN-01006：解析时发出错误信号。RMAN-00565：无法读取输入文件。
【bug】使用mmsegmentaion遇到的问题
编程小白的博客
04-22 866
datasets/coalDataset.py配置文件，与其他配置对比之后发现自己将val_dataloader里面的pipeline写成了train_pipeline，以后还是得长点心哇，这个bug卡太久了。由于之前用自己数据集跑过internImage，想投机取巧把internImage自定义的配置文件拿过来直接用，果不其然报错了。所有的输出都是合适的，图像和标签大小没有问题，将问题转到配置文件中数据增强部分也就是自定义的configs/和问题二一样，在训练时没有问题，到了评估出指标时就开始报错。
巧用断点设置查找bug【debug】
weixin_43673603的博客
04-20 449
全速运行，可以看到当DelayTimer的值为20的时候，MCU停在了断点处，再 次全速运行，MCU将不会停下来。型，当代码运行到断点处，MCU不会Halt，可以通过Debugger Console查看。也可以在Outline，选中变量，然后鼠标右键，在弹出的菜单里选择Toggle。默认设置的断点，当代码运行到断点处MCU就会被挂起，从而停在断点处。是某个变量被设置为某个值，也可以是外设某个状态位置位，也可以是它们的。于软件庞大，调用关系复杂，变量多处访问，在调试这种问题是，通常做法是。
jasypt组件死锁bug案例分享
CSDN_G_Y的博客
04-23 833
jasypt组件死锁问题分析
a标签绝对定位后加margin不起作用
08-13
当你给 `<a>` 标签应用了绝对定位 (`position: absolute;`) 后，`margin` 属性对其的定位不起作用。这是因为绝对定位会将元素从正常的文档流中脱离出来，并且不会占据原始文档流的空间。 如果你需要调整绝对定位的 `<a>` 标签的位置，可以使用 `top`, `right`, `bottom`, `left` 属性来精确指定其在父元素中的位置。例如： ```css a { position: absolute; top: 20px; left: 20px; } ``` 上述代码将把 `<a>` 标签相对于其父元素的左上角向下移动 20px，向右移动 20px。 如果你希望使用 `margin` 来调整绝对定位元素的位置，可以将其父元素也设置为相对定位 (`position: relative;`)，然后使用 `margin` 调整子元素的位置。例如： ```css .parent { position: relative; } a { position: absolute; margin-top: 20px; margin-left: 20px; } ``` 在这种情况下，通过给父元素 `.parent` 设置相对定位，并使用 `margin` 来调整子元素 `<a>` 的位置。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值