HTMLの「オーバーフロー：自動」と「オーバーフロー：スクロール」の違い

Question

overflowプロパティの値を調べていたとき、内容がオーバーフローするとスクロールバーを追加するautoとscrollという2つの値がありました。

誰かが私のことを説明してくれますか？

Answer 1

自動では、コンテンツがクリップされたときにのみスクロールバーが表示されます。

しかし、すべてのコンテンツが収まりスクロールできない場合でも、スクロールバーには常にスクロールバーが表示されます。

Answer 2

overflow: scrollは、すべてのオーバーフローコンテンツを隠し、問題の要素にスクロールバーを表示します。コンテンツがオーバーフローしない場合、スクロールバーは引き続き表示されますが、無効になります。

overflow: autoは非常に似ていますが、スクロールバーはコンテンツがオーバーフローしている場合にのみ表示されます。

この点については、hereと同様の説明があり、その説明に役立ついくつかのスクリーンショットがあります。

Answer 3

CSS Tricksをご覧ください。

コンテンツオーバーフローの場合にのみ、自動でスクロールバーが表示されます。コンテンツがオーバーフローしているかどうかに関係なく、スクロールバーは常にスクロールバーを表示します。

Answer 4

コンテナの位置が絶対Position relative overflow IE7の場合、回答にポイントを追加すると、Overflow:autoはIE7で機能しませんでした。しかし、Overflow:scrollを設定すると