1px頁面溢出在鉻但不是火狐

Question

我有一個相當令人沮喪的問題，這是導致我的Web應用程序出現相當小故障。我的設計理念是它的響應速度非常快，並且頁面/文檔不會滾動，而是頁面中的元素可以進行滾動。因此，我在很多div上都有100％的高度。出於某種原因，我不知道爲什麼，鉻已決定100％實際上= 100％+ 1px，但Firefox沒有問題。這1 px導致醜陋的滾動條出現在右側，並導致頁面上下跳動，當你滾動包含元素。所以我認爲，偉大的讓我們只需calc（100％-1px），看看它是如何發展的。它修復了滾動條，但現在我們在底部有1px的間隙。好像我贏不了。這是不是1px的得多或1px的不夠...... 任何辦法的事情我已經嘗試：

• 刪除所有lineheights
• 計算器1px的上面（。第容器）
• 刪除了所有引導glyphicons如前所述從頁面
• 殘疾人引導提示

注：我在Chrome的通知，如果我清除緩存和硬復位有大約500毫秒的延遲出現滾動條前，但我認爲，可能是因爲我的div有css動畫到100％？

這裏是我的css文件的鏈接以及在Chrome中工作的Firefox屏幕截圖。

css-file-1

css-file-2

css-file-3

我很高興，如果需要對整個網站上傳到我的服務器。給我發私人鏈接。謝謝！

Answer 1

原來，「textAngular」是一個與我們的angular SPA集成的html編輯器，它在頁面底部放置一個1px高的輸入，其ID爲：textAngular-editableFix-010203040506070809。我只是將其高度設置爲0px，並解決了walla問題。還是要謝謝你的幫助。希望這可以幫助任何可能遇到此問題的人！

Answer 2

嘗試設置：

box-sizing：border-box;

對所有你想擁有100％高度的物品。如果這不起作用，請在清除緩存並重新加載頁面並查明該元素是否有問題後，嘗試找出哪個元素需要最長時間加載。