ホームページ >ウェブフロントエンド >htmlチュートリアル >css_html/css_WEB-ITnoseのoverflow:hiddenの使用について

css_html/css_WEB-ITnoseのoverflow:hiddenの使用について

WBOY
WBOYオリジナル
2016-06-24 11:34:441360ブラウズ

overflow:hidden は、次の 2 つの目的でよく使用されます:

1. 独自の高さを設定し、overflow:hidden を追加すると、コンテナ自体を超えるコンテンツを非表示にすることができます
ただし、エディターはこれを次のように使用します。過去に問題が発見されました。親コンテナが overflow:hidden を設定している限り、その子孫要素は適用され、内部で div を絶対位置:absolute
オーバーフロー効果で配置する必要がある場合は削除できません。非表示になりますので、overflow:hidden を使用する場合は注意して使用してください。

2. float をクリアします。これについて話すとき、誰もが clear:both; を思い浮かべるはずです。しかし、それらは完全に同じではありません。overflow:hidden のクリア フロートは、その上の人々を引き下げて閉じるのと同じです。自分のボックス

のレベル (z-index) の下のスペースは外に出ることができないため、ボックス スペースの隙間
(幅と高さの範囲内のビジュアル インターフェイス) でのみ隠された効果が生成されます。コンテナ自体の)。

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