css兩種隱藏div的區別

時間 2019-12-06

標籤 css 兩種隱藏 div 區別欄目 CSS 简体版

原文原文鏈接

　　1.display：nonehtml

　　display:none該div會被隱藏，且不佔樣式空間，不會被該div影響任何佈局ide

　　2.version:hidden佈局

　　variable:hidden該div會被隱藏，可是依舊佔樣式空間，該div依然會影響佈局spa

　　總結：display:none使div不存在，variable:hidden會保留div的寬高，佔用一個空白區code

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

View Code

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

View Code

相關標籤/搜索