CSS：我的网站在Chrome和Safari上无法正常显示，但在Firefox上则没问题

Question

我的网站上有错误。我想在我的网站顶部显示我的登录链接，但这在谷歌浏览器和Safari中都不起作用，但在Firefox中也是如此。我相信这与浮动有关，但是添加一个明确的：在表单之前的两个div都不起作用。 Lalalalalala是我用作临时替换实际链接的字符串。

这是正确的显示： http://imgur.com/fh71eBd,VIRHRYz#0

这是错误的显示： http://imgur.com/fh71eBd,VIRHRYz#1

我的网站是： www.rajivmanichand.nl

Answer 1

很容易解决您针对错误元素的问题

将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;
}

应该为ya

修复它

不要忘记从div#loginsection删除两者，否则它将忽略img#logo左浮动