chrome中的表单标签破坏导航模板答案

【问题标题】：Form tag breaking nav template in chromechrome中的表单标签破坏导航模板
【发布时间】：2015-04-06 16:25:19
【问题描述】：

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

我永远感谢任何试图提供帮助的人，我已经尝试解决这个问题好几个小时了，但在网上没有找到任何可以帮助我的东西。

谢谢

【问题讨论】：

【解决方案1】：

这是您需要添加的一些额外的 css：

.main-head{
  height: 149px;
}

.logo{
   float:left;
}

【讨论】：

【解决方案2】：

在你的 css 中添加这两个类-

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

希望对你有帮助

【讨论】：

【解决方案3】：

我会改用这个：

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

兼容所有浏览器

【讨论】：