2015-03-02 51 views
-4

我上傳頁面的副本,你可以在這裏看到:文字不在邊界之間?

http://cybercacher.com/test123/tabs/

向下滾動頁面一點,你會看到,頭粘在上面。無論何時您將鼠標懸停在頂部的任何選項上,您都會注意到與底部相比,頂部的文本和邊框之間有更多空間。

注意:您必須向下滾動頁面以查看我在說什麼,它已與默認(非粘性)標題正常工作。

我搜索了任何可能導致此問題的填充或邊距,但似乎無法弄清楚是什麼導致了這種情況發生......任何幫助將不勝感激。

+0

您的網站是完全無法使用的。我無法將元素懸停,因爲當我移動鼠標時,頁面會滾動。請提供[最小,完整和可驗證示例](http://stackoverflow.com/help/mcve)。 「 – Oriol 2015-03-02 21:35:00

+0

」您會發現,與底部相比,頂部的文字和邊框之間有更多空間。「你指的是什麼?什麼東西?什麼底部? – leigero 2015-03-02 21:38:14

回答

0
sticky-nav ul li a:hover { 
    height: 35px !important; 
    line-height: 31px !important; /* change this */ 

你需要同樣的適用於非懸停狀態,以防止跳:

#sticky-nav ul li a { 
    ... 
    line-height: 31px !important; 

考慮重新配置到這一點,以便在邊界堅持當用戶在下拉菜單中:

#sticky-nav ul > li:hover > a {