即使刪除了其他項目,我也希望某個項目占用剩余空間。所以目前我有兩列項目,左邊的一個菜單和右邊的內(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)格?
隱藏列時的CSS網(wǎng)格動態(tài)大小
qq_笑_17
2021-06-15 09:45:12