CSS height:auto が機能しない場合の対処方法

css height:auto ソリューションが機能しない: 1. クロムを使用して、オーバーライドされた属性の親 css 属性を見つけて削除します; 2. 親要素に「zoom:1;overflow:hidden;」を追加します。 . 」という文だけで十分です。

#このチュートリアルの動作環境: Windows7 システム、Chrome76.0&&CSS3 バージョン、Dell G3 コンピューター。

関連する推奨事項: 「

css ビデオ チュートリアル 」

css height:auto が機能しません。解決するにはどうすればよいですか?

おそらく、親要素がフローティング状態にあるため、フローティングがドキュメント フローから分離され、2 つの内部レイヤーが親レイヤーに限定されないため、親レイヤーは内部要素を知りません。高さは高くなりますが、フロートを掃除すると「引っ張る」ことができます。

2 つの解決策:

① クロムを使用して、オーバーライドされた属性の親 CSS 属性を見つけて削除します。

②親要素とzoom:1;overflow:hidden;

zoom:1は、float;overflow:hiddenをクリーンアップするのに十分な、ie(ie8以下)のhaslayoutをトリガーします。 ; 他のブラウザに影響します (実際には ie7 でも動作します)。

親 DIV の高さが固定されている場合、zoom:1; のように ie (ie8 以下) の haslayout がトリガーされますが、auto 値はトリガーされません。

以上がCSS height:auto が機能しない場合の対処方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。