CSS：Safari的邊距問題

在site I'm working on上，由於某些原因，Safari的邊距需要與FF，IE8，Chrome & Opera不同？我有一個鏈接，我想排在標籤旁邊。除了需要12像素差異的Safari之外，它排得很好。以下是更好地描述問題的屏幕截圖：ClickCSS：Safari的邊距問題

Safari屏幕截圖顯示標籤太低。這是我用工作4個瀏覽器的CSS：

.submitter a { 
    float: right; 
    margin: -2px 0 0 2px; 
    padding: 0 !important; 
}

及這裏的Safari瀏覽器的工作原理的代碼，但是，USIG它拋出的鏈接了12個像素。

.submitter a { 
    float: right; 
    margin: -14px 0 0 2px; Works in Safari & Chrome 
    padding: 0 !important; 
}

任何人都可以闡明這一些輕？ TIA

來源

2011-03-24 J. Scott Elblein

單挑，它發生在Ubuntu下的Chrome 10上。 – BStruthers 2011-03-24 02:13:26

IE7也是怪人 – 2011-03-24 02:20:13

這似乎把它整理出來：

.submitter a { 
    float: none; 
    display: inline !important; 
    margin: 0 0 0 2px; 
}

這真的非常複雜，在那裏由於非對級聯的合理使用。

有些規則被應用於元素，他們確實不應該因爲喜歡選擇：

.box_777 ul li a

你會更好的東西，如更換該選擇：

.individual-likes > a

但，很難預測改進您的選擇器將如何改變您的頁面顯示方式。

來源

2011-03-24 02:23:15 thirtydot

這個伎倆Thirtydot。謝謝。我對卷積問題不能同意。最後學習CSS比小調整更深入，所以這是我的「學習網站」，哈哈。 – 2011-03-24 02:40:10

沒問題。只是爲了確定，您嘗試了哪些瀏覽器？我只在Firefox和IE8中測試過。 – thirtydot 2011-03-24 02:41:55

到目前爲止，我已經在Win7 x64上測試了FF3（最新版），IE8，Opera 11和Safari 5中的修復程序。我還沒有在Ubuntu或IE7下的Chrome 10中檢查過，就像前面提到的@bstruthers＆@derek hunziker一樣。 – 2011-03-24 17:58:54

它之所以上升的原因可能是因爲像素值。它們是否正確嵌套在div中？你是否爲Chrome按鈕應用了相同的對齊方式（CSS，Html等）？

來源

2011-03-24 02:13:18 Ator

望着現場，錨被設置由 .box_777 ul li a 阻止，然後通過 .submitter a右浮動。
如果我刪除display：block;和float：right;事情對齊。

來源

2011-03-24 02:13:35 BStruthers

有是怎麼回事了很多，但你可以嘗試以下操作之一：

.submitter .smalltext { float: left; }

（或）

前的「smalltext」移動「跟隨」錨標記跨度

來源

2011-03-24 02:18:00

CSS：Safari的邊距問題

回答

相關問題