スクロールを非表示にする以外に、overflow:hidden は何をしますか? 偶然追加しただけで1つの問題を修正しましたoverflow:hidden
。スクロールが見えなくなるだけだと思いました。それは他に何をしますか?良い説明が見つかりませんでした。
3 に答える
にoverflow
設定されていないプロパティvisible
は、新しいブロック フォーマット コンテキストを作成します。
フロート、絶対配置要素、ブロック ボックスではないブロック コンテナー (インライン ブロック、テーブル セル、テーブル キャプションなど)、および「可視」以外の「オーバーフロー」を持つブロック ボックス (その値が伝播された場合を除く)ビューポートに) コンテンツの新しいブロック フォーマット コンテキストを確立します。
簡単に言うと、クリップされた部分 (可視性が設定されている div の四角形を超えて拡張する部分) を非表示にして、親の四角形の境界を超えて拡張する div の内容が表示されないようにします (スクロールできません)。
逆visible
に、それらのパーツが親よりも広い/高い場合でもそれらのパーツをレンダリングし、それらauto
を非表示にしますが、スクロールバーを介してそれらにアクセスできるようにします。
したがって、100px x 100px の親 div があり、その div にコンテンツを配置し始めると、コンテンツが 100px の境界を超えた瞬間に、それらの部分が表示されなくなります。ブラウザによっては、可視性が非表示に設定されていても、javascript を使用して強制的にスクロールすることができます。
オーバーフロー CSS プロパティは、コンテンツをクリップするか、スクロール バーをレンダリングするか、ブロック レベル要素のオーバーフロー コンテンツを表示するかを指定します。