オンラインでマスターを待っています! HTMLのページレイアウトの問題、2つのレイヤーの下端を揃える方法！ _html/css_WEB-ITnose

レイアウト CSS HTML

私はあまり才能がなく、HTML と CSS についてあまり知りません。現在、ページを作成するときに次の問題に遭遇しています。専門家が解決してくれることを願っています。
[size=16px] ページでは、まずレイヤー 1 (高さを自動に設定) を使用して 2 と 3 を含めます。レイヤー 2 とレイヤー 3 にそれぞれコンテンツを入力します (これら 2 つのレイヤーは FLOAT:LEFT で並んでいます)。現在発生している問題は、レイヤー 2 に比較的コンテンツの少ないリストがあるため、レイヤー 2 の高さを自動に設定し、レイヤー 3 のコンテンツはページ上の説明テキストがほとんどであるため、高さを設定しました。オートに。 2つのレイヤーを上と下が同時に揃うように調整する方法。また、レイヤー 3 の内容は変化し、場合によっては増えたり減ったりするため、固定の高さを使用するのはあまり便利ではありません。
解決策を教えてください、ありがとう！ ！ ！サイズ]

ディスカッション（解決策）への返信

なぜ誰も返信しないのですか？ ?

次の CSS をレイヤー 2 と 3 に追加します: {padding-bottom:10000px;margin-bottom:-10000px;}

上階の方、ありがとうございます。ただし、記事の長さの違いに応じてレイヤーのサイズを調整する必要があると思います。 、自動で位置を合わせることができません。とにかくありがとうございました！

js を使用してページの最後に配置します。
function fitHeight(){
div2.style.height=div3.style.height;
}
fitHeight();
このようにして、2 つは再配置されます。ページがロードされるたびに div

上の階の皆様、ありがとうございます。ただし、これでも記事の長さに合わせてレイヤーのサイズを調整する必要があり、自動的に位置合わせすることはできないと思います。とにかくありがとうございました！ 記事はそこまで高くないですよね？ ? 10000px では足りないと思われる場合は、いつでも 10Wpx と書くことができます。記事はそれほど高くないはずです。これが機能しない場合は、JS を使用するしかありません。2 つのレイヤーの高さを比較し、大きい方の高さを小さい方の div に割り当てます

ああ、ありがとうございます。サンプルを見るには JS を使用する必要があります。コードを聞いてください！これについてはあまり知りません！