1.display:none
display:none該div會被隱藏,且不占樣式空間,不會被該div影響任何布局
2.version:hidden
variable:hidden該div會被隱藏,但是依舊占樣式空間,該div依然會影響布局
總結:display:none使div不存在,variable:hidden會保留div的寬高,占用一個空白區

<html> <head> <title></title> </head> <style> *{ margin:0; padding:0; } .show{ height:100px; width:100px; variable:hidden; } </style> <body> <div id="tab"> <h2>show</h2> <div class="show"></div> <h1>version</h1> </div> </body> </html>

<html> <head> <title></title> </head> <style> *{ margin:0; padding:0; } .show{ height:100px; width:100px; display:none; } </style> <body> <div id="tab"> <h2>show</h2> <div class="show"></div> <h1>version</h1> </div> </body> </html>