2012-09-11 68 views
0

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

我知道一种方式定位div B相对和做底部:xy的东西,但在这种情况下,它不工作,因为我的div A动态变化它的高度。

我的问题是,这可能吗?我需要Javascript吗?

回答

3

您可以通过使用绝对位置做

<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格的高度,以测试效果

+0

aww这么简单和流畅。非常感谢:) – Adi

+0

你欢迎:) – Sowmya

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

这是可能的,我只是做了一个简单的例子:

http://jsfiddle.net/ujf9D/

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

+0

你可以使用位置:相对于你的父div(这将不会对用户造成视觉效果),但是这会改变它原来的行为。 – EragonJ

+0

之后,为您的小孩div设置绝对位置并使其位于右下方。通过这种方式,它将完全按照您原先的想法进行。 – EragonJ