表格标签打破铬中的导航模板

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

它与所有浏览器兼容