CSS位置absolutue对齐div的底部与父

http://tinypic.com/r/9km2v8/5 CSS位置absolutue对齐div的底部与父

在图像中，您会看到浮动框。框的左上角（0,0）与父div的顶部对齐，即第3行。

我试图让浮动框的左下角与中间的对齐母公司

我使用CSS：

.video_desc_box_open { 
position: absolute; 
left: 500px; 
width: 301px; 
}

底部：0;不起作用。它将页面推下很远。

我也接受JS解决方案:)

谢谢！编辑：差不多忘了，高度是动态的。

HTML：

<div class="video_odd"> 
<div class="video_list_viewed" > 
<img src="viewed_no_odd.jpg" /> 
</div> 
<div class="video_list_number"> 
3 
</div> 
<div class="video_list_title"> 
<a id="show-panel" class="show-panel" href="#">Title to vid</a> 
</div> 
<div class="video_list_desc"> 
Text goes here 
</div> 
<div class="video_desc_box"> 
<img src="desc_box_top.png" /> 
<div class="video_desc_box_text"> 
Text for the desc goes here 
Run Time:1:21 
<br> 
Desc goes here 
</div> 
<img src="desc_box_bottom.png" /> 
</div> 
<div class="video_list_post_date"> 
02/01/2011 
</div> 
<div class="video_list_run_time"> 
1:21 
</div> 
</div>

来源

2012-03-26 joshmmo

我想我有点明白你的问题，试试这个：

#parent_div { 

position:relative 

} 

.video_desc_box_open { 
    position: absolute; 
    top:-50% 
    left: 500px; 
    width: 301px; 

}

如果你能提供生动的代码会更容易，使用底来帮助:)

来源

2012-03-26 22:42:14 Paradise

为其添加了HTML – joshmmo 2012-03-26 22:58:43

该HTML仅用于一个div行。我正在使用JS设置显示没有隐藏/显示您看到的弹出框。我只是需要它与div的中间对齐。 – joshmmo 2012-03-26 22:59:50

你的建议没有太多的工作。它会移动它，但它仍然没有与div对齐（是的，我从50改变了％，并测试了不同的东西） – joshmmo 2012-03-26 23:00:44

添加position:relative;到盒子的父然后对齐使用bottom。

来源

2012-03-26 22:37:31

对齐：0？ – joshmmo 2012-03-26 23:01:11

CSS位置absolutue对齐div的底部与父

回答

相关问题