真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

css如何隱藏元素但不占空間

這篇文章主要介紹“css如何隱藏元素但不占空間”，在日常操作中，相信很多人在css如何隱藏元素但不占空間問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”css如何隱藏元素但不占空間”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

創(chuàng)新互聯(lián)主營安圖網(wǎng)站建設的網(wǎng)絡公司,主營網(wǎng)站建設方案,app開發(fā)定制,安圖h5成都小程序開發(fā)搭建,安圖網(wǎng)站營銷推廣歡迎安圖等地區(qū)企業(yè)咨詢

兩種方法：1、利用display屬性，只需給元素添加“display:none;”樣式即可。2、利用position和top屬性設置元素絕對定位來隱藏元素，只需給元素添加“position:absolute;top:-9999px;”樣式。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

css隱藏元素但不占空間的兩種方法

方法1：利用display屬性

只需給元素設置display:none;樣式即可

正常顯示元素

css如何隱藏元素但不占空間

說明：

display:none可以不占據(jù)空間，把元素隱藏起來，所以動態(tài)改變此屬性時會引起重排（改變頁面布局），可以理解成在頁面中把該元素刪除掉一樣；不會被子孫繼承，但是其子孫是不會顯示的，畢竟都一起被隱藏了。

方法2：利用position和top屬性

只需給元素添加position: absolute;top: -9999px;樣式即可

正常顯示元素

css如何隱藏元素但不占空間

說明：

該種方法是通過決定定位來讓元素脫離文檔流（不占空間），然后通過將元素的 top設置成足夠大的負數(shù)，使它在屏幕上不可見。

到此，關于“css如何隱藏元素但不占空間”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續(xù)學習更多相關知識，請繼續(xù)關注創(chuàng)新互聯(lián)網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
網(wǎng)頁題目：css如何隱藏元素但不占空間
URL鏈接：http://weahome.cn/article/pooijo.html