響應式菜單CSS HTML

-2

我有響應菜單的這個問題。它只在我在@media屬性高度中使用時才起作用：500px;它不適用於汽車。爲什麼？響應式菜單CSS HTML

這裏是ADRESS TOMY測試網站：

http://test.warrior.ayz.pl/

當我在@media設置了height屬性自動下面的塊重疊菜單。

有人可以請幫忙。

這裏是我的HTML代碼： http://test.warrior.ayz.pl/_pages/codehtml.txt

這裏是我的CSS代碼：在評論

感謝您paitience。

來源

2017-03-20 phpWarrior

請在問題 –

我怎麼做直接顯示您的相關代碼？ – phpWarrior

請閱讀[我的網站上的某些內容不起作用。我可以只粘貼一個鏈接嗎？]（http://meta.stackoverflow.com/questions/125997/something-on-my-web-site-doesnt-work-can-i-just-paste-a-link -to-IT）。當外部資源消失或者固定時，依賴於外部資源被理解的問題變得毫無用處。創建一個[MCVE]並將其置於**問題本身**中。 – Quentin

當您更改以下 height to auto塊重疊的菜單，因爲 ul.menu-top li沒有高度

。

改變這

ul.menu-top li { 
    box-sizing: border-box; 
    padding-left: 10px; 
    width: 100%; 
    border-right: none; 
    border: 1px solid #000000; 
    display: block; 
    float: left; 
    background-color: #333333; 
}

來源

2017-03-20 10:44:17 Amal

但這是在@media或普通的CSS？ – phpWarrior

你已經取得了ul.menu-top li {float：none} @ media.so請改變它，並使高度：500px到高度：auto – Amal

謝謝Amal。你已經救了我的一天（ - ： – phpWarrior

@phpWarrior請檢查您的代碼，因爲我看到您的代碼沒有在懸停時添加display: block屬性。

在CSS上添加以下代碼。

ul.menu-top > li{ 
    positon: relative; 
} 
ul.menu-top-dropdown { 
    position: absolute; 
    top: 100%; 
    left: 0; 
} 
#dropdown-toggle:hover .menu-top-dropdown { 
    display: block; 
}

來源

2017-03-20 10:23:37

菜單必須是可點擊的：hover無助於; – phpWarrior

它並不是因爲我有一個特殊的添加tchem的reset.css文件。在文件的開頭。 – phpWarrior

在這個特殊情況下，jQuery爲我做了這件事。 – phpWarrior

響應式菜單CSS HTML

回答

相關問題