2 つの div の高さを一定に保つための 2 つのソリューション (css+js)_html/css_WEB-ITnose

最近、以前に書いたコードをいくつか修正したところ、いくつかの問題が見つかりました。

たとえば、2 つの div は同じ高さを動的に維持する必要があります。

CSS メソッドは次のとおりです: 5 年間かけて慎重に開発された UI フロントエンド フレームワーク!

.Code

< /div>

実際の高さが 10000px を超えない場合、片側の実際の高さであれば問題ありません。が 10000px より大きい場合、反対側の高さは 10000px としてのみ定義できます。これは実用的なアプリケーションのニーズを満たしません。

テスト後、この問題は js で解決できます。

コードは次のとおりです: 5 年間かけて慎重に開発された UI フロントエンド フレームワーク!

.Code

var height = document.getElementById("left").offsetHeight > document.getElementById("right").offsetHeight ?

document.get ElementById("left").offsetHeight : document .getElementById("right").offsetHeight;

なお、実際のアプリケーションでは、padding 属性により上記の値が前後する問題が発生する可能性があります。左の div または右の div。たとえば、最後の割り当て中に、左側が右側より 10 ピクセル高いことが判明しました。この状況は、コードから手動で 10 ピクセルを減算することによってのみ解決できます。これも完璧とは言えません。