html - Chrome 中奇怪且不需要的粗垂直线,在检查器中无法追踪

标签 html css google-chrome

site在 Firefox 中看起来很正常,但是当我在 chrome(版本 31.0.1650.63 m)中查看时,会出现两条奇怪的垂直线,我什至无法在 chrome 检查器中找到它。

为什么会发生这种情况以及如何消除这种情况。

enter image description here

最佳答案

当我删除这个节点时:

<div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-helper-hidden-accessible"></div>

问题消失了。进一步测试,我认为问题在于 ui-helper-hidden-accessible,特别是行:

left:-99999999px;

Firefox 将其完全丢弃为超出范围。 Chrome 可能有某种形式的溢出。我建议使用 left:-100%;相反。

关于html - Chrome 中奇怪且不需要的粗垂直线,在检查器中无法追踪,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20973284/

相关文章:

html - 卡住html表格中的顶部标题行

php - 如何在不同浏览器的手机上自动修复网站的分辨率?

javascript - 为不存在的元素设置值

javascript - 脚本在 chrome 中有效,但在 firefox 中无效

javascript - 直接从 Chrome 浏览器检测 Eddystone-URL

javascript - 使用 vue.js 在 tailwind ui navbar 组件中修复下拉自动打开

html - 带变量的 CSS3 计算

html - 样式未按预期工作

html - SVG 文件的剪切路径

google-chrome - 如何使用 chrome 从 gRPC 服务器获取日期