× ディレクトリ [1] 定義 [2] 属性 [3] 無効化 [4] アプリケーション
要素が特定のサイズに固定されているが、コンテンツが要素に収まらない場合。このとき、overflow 属性を使用してこの状況を制御できます
overflow 値: 可視 | スクロール自動 |
適用先: ブロック-level要素、置換要素、テーブルセル継承：なし
[注意] セルtd等については、テーブルをtable-layout:fixedに設定する必要があります
overflow-X | overflow-y
overflow-xとoverflow-yのプロパティは元々IEブラウザが独自に開発したプロパティで、その後CSS3で採用され標準化されました。 Overflow-x は主に水平コンテンツのオーバーフローの剪断を定義するために使用され、overflow-y は主に垂直コンテンツのオーバーフローの剪断を定義するために使用されます
【注意】overflow-x と overflow-y の値が同じ場合、それらはオーバーフローと同等です。 overflow-x と overflow-y の値が異なり、一方の値が明示的に表示されるように設定されているか、設定されていない場合、デフォルトは表示され、もう一方の値は非表示の値になります。その後、表示される値は auto にリセットされます
値: hidden | no-display | no-content適用対象: ブロックレベルの要素、置換要素セル グリッド
継承: なし
属性
visible要素の内容は要素ボックスの外側にも表示されます
[注2] IE7-ブラウザボタン (IE7 ブラウザを含む (IE7 ブラウザを含む) (ブラウザのボタン (
を設定することで解決できます
左の図はデフォルトの状況、右の図は overflow を設定した後の状況です
Ifコンテンツがクリップされると、ブラウザーは残りのコンテンツを表示するためにスクロール バーを表示します
[注] 一般的なブラウザーでは、 と
