如何獲得間距元素的跨瀏覽器一致性？

Question

我寫了一個小應用程序，它是一個頂部帶有幾個徽標的圖像滑塊。 間距對於這個項目非常重要，跨瀏覽器不一致。 我不知道如何解決這個問題，我真的很緊張。

它應該是這樣的： http : //i.imgur.com/ycyeH.jpg

非常感謝你的幫助。

Answer 1

我已經檢查了您的 CSS，但在其中看不到任何 CSS 重置語句。 對於未聲明的邊距或填充等，不同的瀏覽器有不同的默認值。您可以在頂部插入一些自己的語句，例如

* {margin: 0px; padding: 0px}

但可能還有其他問題，例如管理溢出的不同方式等。

所以也許最好的選擇是從庫中包含一個 CSS 重置，例如

• http://html5boilerplate.com/ （我最喜歡的）

• 或http://html5reset.org/ （我認為這個更輕量級，即使它沒有所有的花里胡哨）。

但是，下次嘗試按照其他答案中的建議使用 jsfiddle，或者只是學習如何在帖子中包含代碼，這樣我們就不需要下載檔案來查看您的代碼。