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

时间:2014-01-07 13:47:51

标签: html css google-chrome

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

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

enter image description here

2 个答案:

答案 0 :(得分:1)

当我删除此节点时:

<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可能正在出现某种形式的溢出。我建议使用左:-100%;代替。

答案 1 :(得分:0)

这是因为direction: rtl;上的.rtl课程body。删除它,奇怪的效果将消失。