2

我想在不知道兄弟 div 高度的情况下将 div 与兄弟 div 的底部对齐。这是我正在使用的布局：http: //abbymilberg.com/sample-layout.html。

我想让右侧 div 与左侧 div 的底部对齐，而不在上边距进行硬编码，因为在我的最终项目中，左侧 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 回答