页面＜html＞上多了一个滚动条，定位发现是＜body＞里面多了一个id为trans-tooltip的div

已于 2024-06-04 11:27:44 修改
阅读量488 收藏 1
点赞数 1
文章标签： html 前端
于 2024-05-22 11:22:37 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45549481/article/details/139115028
版权

现象分析：

页面根标签html多了一个滚动条，发现body里面多了一个id为trans-tooltip的div，虽然width为0，height为0，但是其子元素还是有高度，占据了空间，最终导致了滚动条；
在这里插入图片描述
根本原因：
chrome的拓展应用导致的，通过拓展的id，查询到是百度翻译，这个拓展插件导致的
在这里插入图片描述
在这里插入图片描述

解决方案

1、临时解决方案：禁用插件
2、给设置overflow: hidden；

英俊潇洒美少年
关注
ValueError: Unrecognized configuration class ＜class transformers_modules.Qwen-7B-Chat...解决方案
weixin_43178406的博客
08-08 5万+
本文主要介绍了ValueError: Unrecognized configuration class
ValueError: Unrecognized configuration class ＜class transformers modules.AquilaChat2-34B-16K.config
最新发布
weixin_43178406的博客
10-20 7万+
本文主要介绍了ValueError: Unrecognized configuration class to build an AutoTokenizer的解决方案，希望能对学习python的同学们有所帮助。 文章目录 1. 问题描述 2. 解决方案
html去除页面的滑动条
WzhCsdnd的博客
03-11 7811
html去除页面的滑动条的几种方法
控件的使用---ToolTip
一叶子的博客哦
08-22 3561
NGUI自带的的例子Character中含有一个Tooltip，可以鼠标悬浮到某对象时显示提示文字。非常方便。 创建UITooltip 首先你需要在场景NGUi相机下建立一个空物体我把它命名为Tooltip，随意，NGUI-UI-UITooltip 然后在其下添加一个Label和一个Sprite，Label是用来显示文字的，Sprite是背景图片 设置Tooltip显示文字的颜色，
vue组件底部空白问题
qq_42200700的博客
03-01 1370
今天遇到一个页面添加组件 列表页下方还存在整页空白的问题 其实是个小问题但也记录下吧 最开始代码如下图 这时候页面已经出现空白 解决呢也很简单用v-if添加在最外层的section内即可 原理就是在外层包裹的标签也得加上v-if 不点击时不渲染出来就不会留白 ...
关于vue项目去除margin和padding后设置元素width和height为100%后，出现滚动条问题（移动端）...
weixin_30607029的博客
01-25 2495
bug点，这个页面设置100%（100vw和100vh）。页面出现抖动。 经过一番检察，原因出现在，vue项目自动添加的一个div上。就是body里的最后一个。如果选中这个元素，右键删除它。页面就不会抖动了。 说不定，这个元素还有什么用，所以不考虑有js删除。后来想到把他设置成position为fixed。让他脱离文本流。 一看最外层的div没有class和id不好选...
给body加100vh,100vm出现滚动条的解决方法
DESERTo的博客
12-13 1510
body加100vh和100vm出现滚动条的解决方法
<ROS>ROS Control之Transmission
小贝也沉默的博客
11-22 1万+
完成ROS Control的第一步, 了解并使用transmission. 从源码层面来理解每一步都是在做什么, 了解内部才能更深层次的洞悉整体. 并且最后让UR5BH在Gazebo中发起.
<ROS> Gazebo Ros Control 及 Controller运用
小贝也沉默的博客
12-15 2万+
Gazebo Ros Control是在使用Gazebo仿真机器人时的重要组件，发起Controller Manager以及RobotHW。深入了解其实现方式及作用，方便定制专属于特定机器人的Ros Control插件。 博客最后示例如何通过Ros Controllers控制机器人， 如何发布/joint_states, 如何发布/tf数据，并连接rviz进行机器人可视化。
c语言打印一个整数的八进制,从键盘上输入一个十进制数,输出其八进制和十六...
weixin_33089349的博客
05-18 3925
公告： 为响应国家净网行动，部分内容已经删除，感谢读者理解。话题：从键盘上输入一个十进制数,输出其八进制和十六进制数回答：pascal语言，在turbo pascal7.0中调试通过。 {amp;#36;N+E-} function convert_b(a:extended;b:integer):string; var s,s1,s2:string; m1:longint; m2,n:extend...
页面滚动条样式修改
qq_32578989的博客
06-21 1251
全局的样式文件中添加重置滚动条样式代码： /* 滚动条整体样式 */ ::-webkit-scrollbar { width: 4px; height: 4px; } /* 滚动条里面小方块 */ ::-webkit-scrollbar-thumb { background: #ccc; border-radius: 2px; } 样式图片： /*滚动条整体样式*/ ::-webkit-scrollbar { width: 10px; /*高宽分别对应横竖滚.
html怎么在网页中加滚动条,在html中如何加滚动条？滚动条的用法！
weixin_39806388的博客
06-03 5574
随着经济和科技的发展，互联网的大趋势造就了很大的就业机会，而且在我们日常的生活中大家多多少少会去浏览一些网站和网页吧！那么今天呀，我们就来说说在html中如何加滚动条？和一些有关于滚动条的用法！的经验分享！1.首先我们打开我们的前端的开发工具新建一个 .html 文件即可，代码如下：滚动条W3cshool，一款可以让大家免费编程学习的平台。在代码完成后进行预览，我们发现这个代码生成的一个结果是没有...
html中怎么设置滚动条效果,滚动条怎么实现
weixin_30316931的博客
06-04 3564
HTML中如何在div中实现滚动条？HTML中如何在div中实现滚动条？ CSS布局HTML小编今天和大家分享问overflow:scroll; /*任何时候都强制显示滚动条*/overflow:auto; /*需要的时候会出现滚动条*/overflow-x:auto; /*控制X方向的滚动条*/overflow-y:auto; /*控制Y方向的滚动条*/受overflow影响的必需是块元素，并且...
Prototype.js
lniwn
02-15 1794
/* Prototype JavaScript framework, version 1.7 * (c) 2005-2010 Sam Stephenson * * Prototype is freely distributable under the terms of an MIT-style license. * For details, see the Prototype we
解决移动端html页面出现X轴横向滚动条问题
m0_52813455的博客
05-06 3323
最近在用 Bootstrap 写一个需要适配 WEB 和 WAP 的网站，写完后发现 WAP 端总是会出现横向滚动条，也就是 X 轴滚动条，导致 WAP 端页面左右滑来滑去，很是令人蛋疼，即使设置了 overflow-x： hidden和 width:100% 也无法去除，通过各种途径寻找解决方法，最终在 张鑫旭 大神的一篇文章里找到了最终解决方法，在这里记录一下防止之后自己用得到时还需要重新找，也为那些同样有这方面问题的童鞋提供方便。 出现这种问题的主要原因就是，由于内容较多导致出现Y轴滚动条，占用了页面
HTML页面table滚动条的实现
好久不见的流星
05-08 2万+
有很多页面由于数据量过大，会产生横纵滚动条。为了便于使用者观看，我们要把表头固定一下。根据这个需求写了个demo来实现这个功能。
html5自动出现滚动条,html展示滚动条 html 自动显示横向滚动条
weixin_36344862的博客
05-30 4206
html 怎么去掉网页的滚动条然后给子div添加内容，为了让滚动条可以实现，尽量多添加一些内容。html 自动显示横向滚动条假设一个页面上有一个DIV，他的宽度设为了width：70%；怎样实现当html页overflow:scroll; /*任何时候都强制显示滚动条*/ overflow:auto; /*需要的时候会出现滚动条*/ overflow-x:auto; /*控制X方向的滚动条*/ o...
html页面去除滚动条（终极版）
努力，直到实现为止~
11-15 4万+
为了防止以前的css文件覆盖掉body的的style 直接在html中写一个css body{ overflow-x: hidden; overflow-y: hidden; } 这样 就没有滚动条了
【新手向】自用的tooltip小插件，前端插件知识科普~
u011927449的博客
04-30 357
上面的tooltip就是成品图，为了和自己站点的风格保持一致所以自己写的。 第一部分：你绝对碰到过的匿名函数闭包问题 第二部分：写个tooltip demo 第三部分：源码地址 第一部分你绝对碰到过的匿名函数闭包问题 　　之所以写这个是因为我之前不知道文章可以发在首页的时候，我都是把博客当作备忘录一样记录自己的问题和收获，看的人也很少（现在依旧很少），但是我稍微翻译了一篇+function (...
<div class="tools"> <ul class="toolbar"> <li><a href="/UltraCPI/add"><span><img src="images/t01.png" /></span>添加</a></li> <li><a href=""><span><img src="images/t02.png" /></span>修改</a></li> <li><a href=""><span><img src="images/t03.png" /></span>删除</a></li> <li><a href=""><span><img src="images/t05.png"/></span>手动运行数据更新器</a></li> </ul> </div> <table class="imgtable"> <thead> <tr> <th>选中</th> <th>时间</th> <th>总居民消费CPI</th> <th>食品类CPI</th> <th>衣着类CPI</th> <th>居住类CPI</th> <th>服务类CPI</th> <th>交通通信类CPI</th> <th>教育类CPI</th> <th>医药类CPI</th> <th>其他类CPI</th> </tr> </thead> <tbody> <c:forEach items="${cpi}" var="i"> <tr> <td><input name="radiobox" type="radio" value=${i.TIMES}/></td> <c:if test="${i.TIMES==999999}"> <td>预测本月</td> </c:if> <c:if test="${i.TIMES!=999999}"> <td>${i.TIMES}</td> </c:if> <td>${i.CPI}</td> <td>${i.FOOD}</td> <td>${i.CLOTH}</td> <td>${i.RESIDE}</td> <td>${i.SERVICE}</td> <td>${i.TRANS}</td> <td>${i.EDU}</td> <td>${i.MEDIC}</td> <td>${i.OTHER}</td> </tr> </c:forEach> </tbody> </table>我希望页面在点击修改和删除的时候把单选框的value提交给服务器，我应该怎么改
05-27
<li><a href="/UltraCPI/add"><span><img src="images/t01.png" /></span>添加</a></li> <li><a href="#" onclick="editData()"><span><img src="images/t02.png" /></span>修改</a></li> <li><a href="#" ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值