CSS菜單中的最後一個菜單項落在下一行

Question

感謝您花時間查看我的問題。 我的工作在以下站點：

http://lighting-originals.myshopify.com/pages/contact-us/

正如你所看到的，是由一些項目進行下拉菜單，有些沒有在頁面頂部的菜單。 由於某種原因，最後一個菜單項落在下一行。似乎沒有什麼區別我最後放置哪個項目或是否有下拉。

有沒有人有任何想法，我該如何解決這個問題？

謝謝！

Answer 1

style.css line no。 266更新它

#top-menu li.last a { 
border: none; 
border-radius: 0 4px 4px 0; 
position: relative; 
right: 295px; 
top: 34px; 
} 

更新的代碼

#top-menu li.last a { 
    border: none;  
    } 

Answer 2

在下面的樣式刪除相對位置： -

#top-menu li.last a { 
border: none; 
border-radius: 0 4px 4px 0; 
position: relative; //Remove this 
right: 295px; 
top: 34px; 
} 

你最後li及其div是在適當的地方，但的a定位在div包裝下來。它應該只是從上面的風格中刪除位置。

這會導致下面的Div包裝。

<div class="has-dropdown"> 
       <a href="/pages/brands" class="clearfix"> 
       <span class="nav-label">Shop By Brand</span> 
       <span class="nav-arrow" style="top: 16px;"></span> 
       </a> 
       <ul style="top: 37px; display: none;"> 

       <li><a href="/collections/elk">Elk</a></li> 

       </ul> 
      </div>