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

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

隱藏列時的CSS網(wǎng)格動態(tài)大小

隱藏列時的CSS網(wǎng)格動態(tài)大小

qq_笑_17 2021-06-15 09:45:12
即使刪除了其他項目,我也希望某個項目占用剩余空間。所以目前我有兩列項目,左邊的一個菜單和右邊的內(nèi)容。目前我的網(wǎng)格設(shè)置是這樣的:.grid {    display: grid;    grid: 1fr / 1fr 4fr;}菜單占據(jù)左邊的1fr,內(nèi)容占據(jù)剩下的4fr。但是菜單有一個 Javascript 隱藏切換功能,所以當(dāng)我隱藏菜單時,內(nèi)容變成 1fr 而 4fr 是空的。隱藏菜單后如何讓內(nèi)容占據(jù)所有剩余空間?我可以用 Javascript 但有沒有辦法用純 CSS 網(wǎng)格?
查看完整描述

2 回答

?
阿晨1998

TA貢獻(xiàn)2037條經(jīng)驗 獲得超6個贊

如果切換按鈕是一個輸入復(fù)選框,您可以使用它#menu-toggle:checked .grid {}來指定新規(guī)則。


查看完整回答
反對 回復(fù) 2021-06-18
?
米琪卡哇伊

TA貢獻(xiàn)1998條經(jīng)驗 獲得超6個贊

解決了。

我所要做的就是:

grid: 1fr / auto auto;


查看完整回答
反對 回復(fù) 2021-06-18
  • 2 回答
  • 0 關(guān)注
  • 133 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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