1
A
回答
1
首先,你可能要考慮你的定位主菜單裏的比較。然後,默認定位的下拉式ul將出現在其相應的li下面。像這樣的例子:
ul.dropdown li {
position: relative;
}
然後,您只需添加一個新類到最後<li class="dir">
這都有自己的風格改變的最後一個下拉菜單的位置。事情是這樣的,例如:
HTML:
<li class="dir last">
CSS:
li.last ul {
left: -50px; /* or however much you need for it to appear where you want it to */
}
0
您需要設置正確的位置爲特定列表即
<li class="dir"><a href="./">Contact Us</a>
<ul style="last-menu">
<li><a href="./">Enquiry Form</a></li>
<li><a href="./">Map & Driving Directions</a></li>
<li><a href="./">Your Feedback</a></li>
</ul>
</li>
<style>
.last-menu{
right: 0px;
}
</style>
相關問題
- 1. 水平下拉菜單
- 2. 居中並保持居中水平下拉菜單
- 3. 如何在WP中製作這樣的水平下拉菜單
- 4. 幫助與CSS水平下拉菜單
- 5. CSS下拉菜單項水平走
- 6. CSS水平下拉菜單定位
- 7. CSS水平下拉導航菜單
- 8. 如何使下拉菜單水平
- 9. 無法創建水平菜單下拉
- 10. 我想讓我的菜單下拉
- 11. 如何編寫水平子菜單而不是下拉菜單
- 12. 創建一個水平子導航的基於CSS的水平下拉菜單
- 13. 如何將下拉菜單項添加到我的水平菜單欄?
- 14. 兩個級別的水平下拉菜單
- 15. 部分不保持在同一水平
- 16. 引導保持下拉開放內部
- 17. CSS平滑下拉菜單
- 18. 水平下拉菜單不會在Internet Explorer 10
- 19. 引導 - 水平滾動條出現在長下拉菜單項
- 20. 多級下拉導航 - 保持二級下拉菜單關閉
- 21. ASP.NET水平菜單出現在下面的子菜單,也是水平的
- 22. 單擊按鈕時如何製作水平下拉菜單?
- 23. 水平菜單子菜單
- 24. 我在下拉菜單
- 25. 任何想法如何複製這個內聯下拉菜單使用css/jquery
- 26. CSS - 如何水平顯示子菜單選項,同時保持水平主菜單選項的間距
- 27. 如何以水平方式保持菜單鏈接
- 28. 在這個水平菜單一個有趣的問題CSS
- 29. 如何解決這個下拉菜單?
- 30. 水平子菜單