表單標記在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; 
} 

它兼容所有瀏覽器