CSS：我的網站在Chrome和Safari上無法正確顯示，但在Firefox上很好

-2

我的網站出現錯誤。我想在我的網站頂部顯示我的登錄鏈接，但這不適用於Google Chrome和Safari，但它在Firefox中。我相信這與浮動有關，但增加了一個明確的表示：表單之前的div都不起作用。 Lalalalalala是我用作實際鏈接的臨時替換字符串。CSS：我的網站在Chrome和Safari上無法正確顯示，但在Firefox上很好

這是正確顯示： http://imgur.com/fh71eBd,VIRHRYz#0

這是錯誤的顯示： http://imgur.com/fh71eBd,VIRHRYz#1

我的網站是： www.rajivmanichand.nl

來源

2013-04-21 raj1v

歡迎來到StackOverflow！你提供了這個問題的圖片是很好的，但是如果你能夠將問題分離到一個狹窄的代碼塊並將它發佈在這裏（並且在[jsfiddle]中（http://jsfiddle.net/））也用於加分）。這樣，人們就可以更快速地查看問題所在，而無需瀏覽所有網站的來源。 – ASGM 2013-04-21 12:36:40

不回答有人用巨魔的臉...... – 2013-04-21 12:43:38

啊，謝謝，我是StackOverflow的新手。下次我會添加這些塊。 – raj1v 2013-04-21 15:10:52

那麼它很容易解決這個問題你的目標是錯誤的元素

添加float:left;到img#logo 並添加clear:both;到nav

的CSS：

img#logo{ 
display: inline-block; 
float: left; 
} 
div#loginsection { 
width: 300px; 
height: 44px; 
float: right; 
display: inline; 
margin-bottom: 50px; 
} 
nav { 
clear: both; 
}

應該修復它爲雅

不要忘記刪除明確無論從div#loginsection藏漢否則會忽略img#logo左浮動

來源

2013-04-21 12:38:19 Breezer

CSS：我的網站在Chrome和Safari上無法正確顯示，但在Firefox上很好

回答

相關問題