表单标记在Chrome中打破导航模板

Question

当我的输入有一个简单的表单标记时，我的导航栏会中断，但没有CSS链接到表单元素。我用w3c验证器验证了我的html，一切都很好。我真的不知道如何解决这个问题，我尝试了很多东西。这只发生在Chrome中。

Without the form tag (good looking one)

With the form tag (broken one)

我的永恒的感激之情的人谁尽力帮助，我一直在试图解决这一问题了几个小时，并没有发现网络上的任何东西来帮助我。

感谢

Answer 1

下面是你需要添加一些额外的CSS：

.main-head{ 
    height: 149px; 
} 

.logo{ 
    float:left; 
} 

Answer 2

添加这两个类都在你的CSS-

a.logo{float:left;} 
.container:after {content: '';clear: both;display: block;} 

希望它会帮助你

Answer 3

我将使用此代替：

.container {position: relative;} 
.main-nav { 
    position: absolute; 
    top: 0; 
    right: 0; 
} 

它兼容所有浏览器