Абсолютная позиция CSS выравнивает нижнюю часть div с родителем - PullRequest
Новая
       25

Абсолютная позиция CSS выравнивает нижнюю часть div с родителем

0 голосов
/ 27 марта 2012

http://tinypic.com/r/9km2v8/5

На изображении вы видите плавающую рамку.Верхний левый угол поля (0,0) выровнен с верхом родительского элемента div, который является строкой 3.

Я пытаюсь выровнять нижний левый угол плавающего блока с серединойродительского div.

Я использую CSS: 

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

bottom: 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>

Ответы [ 2 ]

2 голосов
/ 27 марта 2012

Мне кажется, я понимаю ваш вопрос, попробуйте следующее: 

#parent_div {

position:relative

}

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

}

, если бы вы могли предоставить живой код, вам будет легче помочь:)

2 голосов
/ 27 марта 2012

Добавьте position:relative; к родителю поля, затем выровняйте, используя bottom.

...