Chrome中的奇怪和不需要的粗垂直線，在檢查器中無法追蹤

這個site在Firefox中看起來很平常，但是當我用chrome（版本31.0.1650.63 m）查看時，出現了兩條奇怪的垂直線，我甚至無法在Chrome檢查器中找到它。Chrome中的奇怪和不需要的粗垂直線，在檢查器中無法追蹤

爲什麼會發生這種情況，以及如何消除這種情況。

enter image description here

看起來像'rtl'類的問題。刪除，並正常工作。 – DaniP

@Danko，重命名了'body'的'rtl'類。沒有任何事發生 –

未重命名刪除 – DaniP

這是因爲在.rtl類direction: rtl;您body的。刪除這個，奇怪的效果將會消失。

2014-01-07 14:02:27 SKeurentjes

爲什麼'direction：rtl'應該會產生任何問題？ –

當我刪除此節點：

<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輔助隱藏訪問的，具體線路：

left:-99999999px;

火狐完全丟棄它超出範圍。 Chrome可能有某種形式的溢出。我建議使用左側：-100％;代替。

2014-01-07 14:03:19 serakfalcon

我重新創建了相同的東西。 '方向：rtl'導致負向左側位置的問題。調整'ui-datepicker-div'來修復 – misterManSam

關於'某種形式的溢出'內容的更多解釋？ –

它是如何發現'ui-datepicker-div'，'left'和'rtl'會導致問題的？哪個規則？ –

回答