🌟 CSS (overflow:hidden VS display:none)

4217 ワード

overflow:hidden VS display:none


cssコンテンツ領域を隠す方法
1. overflow: hidden
2. display: none
3. visibility: hidden

きほんどうさ



1. overflow: hidden


コンテンツを要素サイズに切り取ります.親要素の範囲外の子要素の一部は表示されません.

可視性:hiddenが元の空間を保つことを知っていれば、内容だけを隠すことができます!(画面上の領域が完全に削除されたように見えるdisplay:noneとUIは全く異なる)