第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

單擊時(shí)如何將 div 對(duì)齊以從底部浮動(dòng)/懸停?

單擊時(shí)如何將 div 對(duì)齊以從底部浮動(dòng)/懸停?

我正在嘗試制作一個(gè)菜單,當(dāng)單擊時(shí),子菜單應(yīng)該出現(xiàn)在底部。但不幸的是,在我的代碼中,它從右到左出現(xiàn),然后到底部。我的代碼,<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貢獻(xiàn)1871條經(jīng)驗(yàn) 獲得超8個(gè)贊

float:right從元素中刪除#menu,因此它將占據(jù)整個(gè)水平空間,并將背景和填充移動(dòng)到內(nèi)部鏈接


$(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>


查看完整回答
反對(duì) 回復(fù) 2023-10-10
  • 1 回答
  • 0 關(guān)注
  • 137 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)