OSX上的Safari渲染邊緣奇怪

Question

我在OSX機器上的Safari上有一個奇怪的行爲。所有的父母似乎繼承了孩子的margin-top：

母公司具有相同的間距頂部：

這導致在頁面的頂部空間。

這隻發生在Safari/OSX上，移動版Safari在OSX上也沒有問題，FF或Chrome也沒有。

預先感謝您

Answer 1

我加入一個div的0像素的line-height修復了這個問題：

<div class="off-canvas-content" data-off-canvas-content=""> 
     <div class="safarifix" style="line-height: 0px;">&nbsp;</div> 

看來，這改變了關閉帆布內容的狀態有它自己的定位。事實是，它現在可行！

Answer 2

我發現Safari瀏覽器增加了不必要的保證金/間距，以我的網頁。做的最好的事情就是把這個在您的樣式表的頂部：

* { 
    margin:0; 
    padding:0; 
} 

這將告訴瀏覽器重置padding和margin任何瀏覽器的風格。