css_html/css_WEB-ITnose を非表示にする 4 つの方法

1.opacity:0 は要素を非表示にするだけですが、それでもレイアウトを占有するため、レイアウトに影響します

snda:opacity:0 は要素を非表示にするだけですが、まだレイアウトを占有しているため、レイアウトに影響します

ppskdkad

.div1{
opacity: 0;
width:200px;
height:200px;
border :1px 赤一色;
}

2.visibility:hidden は要素を非表示にするだけですが、レイアウトを占有します

これは 2 番目の div Visibility:hidden Still ただ要素を非表示にしますが、レイアウトは引き続き占有します

効果を見てください

.div2{
表示範囲:非表示;
幅:200px;
高さ:200px;
境界線:1px 赤一色;
}

3.display:none はレイアウトに影響しません

これは 3 番目の DIV です。display:none はレイアウトに影響しません
< /div>

信じられないなら見てください

.div3{
表示: なし;
幅:200px;
高さ:200px;
境界線:1px 赤一色;
}

4.position:absolute はレイアウトには影響しません

これは 4 番目の div ですが、レイアウトには影響しないと思います。案の定、これはレイアウトには影響しません

見てください

.div4{
位置:絶対;
上:-9999px;
左: -9999px;
幅:200px;
高さ:200px;
ボーダー:1px赤一色;
}

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。