2

その兄弟divの高さを知らずに、divを兄弟divの下部に揃えたい。これが私が使用しているレイアウトです：http：//abbymilberg.com/sample-layout.html。

最終的なプロジェクトでは左側のdivのコンテンツが動的になり、高さが常に変化します。

CSSでこれを行う方法がわかりません。javascriptを使用して要素の高さを取得する方法があるかもしれないと思いますが、機能するものなら何でも構いません。

<head>

    <style type="text/css">

        #body{text-align:center; margin:0px;}

        #wrapper{border:solid 1px; margin:10px auto 10px; width:800px; 
        padding:10px; text-align:left; }

        #left{margin-right:160px; border:solid 1px;}

        #right{float:right; border:solid 1px; width:150px;}

    </style>

</head>

<body>

    <div id="wrapper">

        <div id="right">
            <h2>Right</h2>
        </div>

        <div id="left">
            <h2>Left</h2>
        </div>

    </div>

</body>

</html>
4

1 に答える 1

2

絶対位置と相対位置を使用します。

#wrapper {
  position: relative;
}

#right {
  position: absolute;
  bottom: 0;
  right: 0;
}

デモ

于 2012-11-11T21:14:29.990 に答える