css - div 浮动和位置

Question

我的问题是关于定位 div。我有一个动态高度的 div，有时它是 600px，有时是 300 等等，我们称它为 div，div A。现在我想在 div A 中放置另一个 div，并希望它始终位于右下角，让我们称这个 div B.

我知道一种将 div B 相对定位并使用 bottom:xy 进行操作的方法，但在这种情况下它不起作用，因为我的 div A 会动态改变它的高度。

我的问题是，这可能吗？我需要Javascript吗？

Answer 1

您可以通过使用绝对位置来做到这一点

<div class="d1">
<div class="d2"></div>
</div>​

.d1{
   position:relative; 
   height:350px; width:150px; 
   background-color:grey
  }
.d2{
  position:absolute; 
  bottom:0; right:0;
  background-color:red;
  height:60px; width:80px; 
 }​

在这里演示http://jsfiddle.net/aMdrr/

可以改变d1 div的高度来测试效果

Answer 2

position:absolute;
bottom:0;
width:100%;

Answer 3

这是可能的，我只是为你做了一个简单的例子：

http://jsfiddle.net/ujf9D/

注意：我使用 js 脚本尝试操纵您的动态宽度/高度情况。