縮小瀏覽器窗口時HTML div項重疊

Question

爲什麼我的<ul>項在第一個圖像中重疊？ （當我縮小瀏覽器窗口）

一切看起來都在全屏瀏覽器罰款：（第二圖像）

這裏是我的CSS是什麼樣子：

.navMain { 

    float:right; 
    margin:-60px 0px; 

} 

.navMain ul { 

    margin:0px; 
    padding:0px; 

} 

.navMain ul li { 


    padding-right:80px; 
    list-style:none; 
    display:inline; 

} 

HTML：

<div class="navMain"> 

      <ul> 
        <li><a href="#">Home</a></li> 
        <li><a href="#">Most Liked</a></li> 
        <li><a href="#">FAQ</a></li> 
      </ul> 

</div> <!-- END navMain --> 

Answer 1

添加float:left

.navMain ul { 

    margin:0px; 
    padding:0px; 
    float:left; 
} 

或float:right取決於設計。