在mac上查看水平下拉菜單中的列表項時崩潰

Question

我正在使用我修改的模板的css下拉菜單。我有一個mac，但使用我設計的網站的虛擬機。它適用於基於Windows的虛擬機中的所有瀏覽器，但是當我在Mac上查看時，它會將最後一個列表項放到Mac上查看的所有瀏覽器的第一個列表項下。

下拉菜單有三個外部樣式表連接到它以及相關頁面的樣式表。這裏是臨時的IP地址：

http://174.120.170.93/~emoree/test.html

我覺得這是一個簡單的解決方案，但我不是最好的程序員，所以我難倒。

Answer 1

在dropdown.css（第27行）中，ul.dropdown的寬度設置爲425px。這對於所有三個列表項目都不夠寬泛，因此當空間不足時，第三個列表項目會浮動到下面。

我會從ul.dropdown中刪除width:425px。這將導致列表項目戳出網站的右側，所以我會將div＃test更改爲float: right;，而不是float: left; margin-left: 375px;