親要素がオーバーフローしますか：隠された原因の子要素スクロールが失敗しますか？ Safariブラウザがこのようなのはなぜですか？

親要素のオーバーフロー：隠された要素と子の要素のスクロールの失敗に関する研究

この記事では、CSSレイアウトの問題を調査します。親要素がオーバーフローに設定された後：隠された後、子要素はオーバーフロー：スクロールを設定してもスクロールできませんが、位置を追加した後にスクロールできます：絶対。この問題は、Safariブラウザで特に明白です。

問題の説明は、子要素の位置属性を絶対に設定した後、子要素をスクロールすることができることを指摘しています。しかし、質問者は、フロートと固定も無効であるため、絶対的なBFCを生成してドキュメントフローから切断する可能性を除外しています。これにより、CSSレイアウトメカニズムに関する詳細な思考がトリガーされました。

重要な観察は、この問題がSafariブラウザでは顕著であるが、EdgeおよびFirefoxブラウザでこの問題はないことです。これは、問題がCSSレンダリングエンジンのさまざまなブラウザーの実装の違いに関連している可能性があることを示唆しています。

質問に対する答えには、EdgeおよびFirefoxブラウザでは、この質問が表示されないと述べています。これは、この問題がCSS仕様で一般的な問題ではなく、特定のブラウザ（Safari）のレンダリングエンジン特性によって引き起こされることを示しています。したがって、この問題をより深く理解するには、オーバーフローのためのSafariブラウザの特定の実装メカニズムを研究する必要があります：隠されたプロパティと位置特性、および異なるレンダリングエンジンがそのようなCSSの競合を処理する方法の違い。これには、根本原因を見つけるために、ブラウザレンダリングエンジンのソースコードまたは関連ドキュメントに関する詳細な調査が必要です。現在、これはSafariブラウザのバグであるか、レンダリングエンジンを処理する特別な方法であると推測できます。

以上が親要素がオーバーフローしますか：隠された原因の子要素スクロールが失敗しますか？ Safariブラウザがこのようなのはなぜですか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。