我正在嘗試制作一個菜單，當單擊時，子菜單應該出現在底部。但不幸的是，在我的代碼中，它從右到左出現，然后到底部。我的代碼，<meta name="viewport" content="width=device-width, initial-scale=1"><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script><script>$(document).ready( function() { $("#menu").click(function() { $("#submenu").toggle(1000); }); });</script><style>a { color: #ffffff; text-decoration: none;}#menu { background:#000000; float:right; padding: 14px;}#submenu { display: none; width: 90%; background: green; color: #ffffff; float:right; padding: 14px;}</style><div id="menu"><a class="limbo" href="#">MENU</a></div><div id="submenu"><a href="#">SUB MENU</a></div>
1 回答
ITMISS
TA貢獻1871條經驗 獲得超8個贊
float:right從元素中刪除#menu，因此它將占據整個水平空間，并將背景和填充移動到內部鏈接
$(document).ready(
function() {
$("#menu").click(function() {
$("#submenu").toggle(1000);
});
}
);
a {
color: #ffffff;
text-decoration: none;
}
#menu {
text-align: right;
}
#menu a {
background:#000000;
padding: 14px;
display: inline-block;
}
#submenu {
display: none;
width: 90%;
background: green;
color: #ffffff;
padding: 14px;
float: right;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="menu"><a class="limbo" href="#">MENU</a></div>
<div id="submenu"><a href="#">SUB MENU</a></div>
- 1 回答
- 0 關注
- 131 瀏覽
添加回答
舉報
0/150
提交
取消