ホームページ > ウェブフロントエンド > htmlチュートリアル > CSS オーバーフローについての深い理解

CSS オーバーフローについての深い理解

巴扎黑
リリース: 2021-05-10 10:27:00
転載
3584 人が閲覧しました

前の言葉

要素が特定のサイズに固定されているが、コンテンツが要素に収まらない場合。このとき、overflow 属性を使用してこの状況を制御できます

overflow overflow

初期値:visible

to: ブロックレベル要素、置換要素、テーブルセル

継承: なし

[注意] IE7ブラウザを除き、他のブラウザはテーブルセル要素のオーバーフロー属性の設定をサポートしていません。 Firefox および IE11 ブラウザーは、高さ 100% に設定された table-cell 要素の子要素の overflow 属性の設定をサポートしていません

overflow-y

これは独立した属性ですIEブラウザで開発され、その後CSS3で採用・標準化されました。 Overflow-x は主に水平コンテンツの剪断を定義するために使用されます。一方、overflow-y は主に垂直コンテンツの剪断を定義するために使用されます。同様に、オーバーフローと同等です。 overflow-x と overflow-y の値が異なり、一方の値が明示的に表示されるように設定されているか、設定されていない場合、デフォルトは表示され、もう一方の値は非表示の値になります。次に、表示される値が auto

継承: なし

属性

可視

要素の内容は要素ボックスの外側にも表示されます

[注1] IE6 - 要素の包含ブロックブラウザは拡張され、その過剰なコンテンツを包むことができるようになります

rreee

rreeee左の写真はIE6-ブラウザーです。右の写真は他のブラウザです



[注 2 ]IE7 - ブラウザのボタン (