div浮动和位置

Question

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

我知道定位div B相对的一种方法并用底部做东西：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脚本尝试操纵动态宽度/高度情况。