ホームページ >ウェブフロントエンド >htmlチュートリアル >css_html/css_WEB-ITnoseのoverflow:hiddenの使用について
overflow:hidden は、次の 2 つの目的でよく使用されます:
1. 独自の高さを設定し、overflow:hidden を追加すると、コンテナ自体を超えるコンテンツを非表示にすることができます
ただし、エディターはこれを次のように使用します。過去に問題が発見されました。親コンテナが overflow:hidden を設定している限り、その子孫要素は適用され、内部で div を絶対位置:absolute
オーバーフロー効果で配置する必要がある場合は削除できません。非表示になりますので、overflow:hidden を使用する場合は注意して使用してください。
2. float をクリアします。これについて話すとき、誰もが clear:both; を思い浮かべるはずです。しかし、それらは完全に同じではありません。overflow:hidden のクリア フロートは、その上の人々を引き下げて閉じるのと同じです。自分のボックス
のレベル (z-index) の下のスペースは外に出ることができないため、ボックス スペースの隙間
(幅と高さの範囲内のビジュアル インターフェイス) でのみ隠された効果が生成されます。コンテナ自体の)。