Как правильно расположить абсолютные дивы в рамках начальной загрузки твиттеров CSS - PullRequest
Новая
       31

Как правильно расположить абсолютные дивы в рамках начальной загрузки твиттеров CSS

10 голосов
/ 28 марта 2012

Кажется, я не могу получить div для абсолютного позиционирования в родительском элементе с помощью фреймворка Twitter. У меня есть ряд строк, которые следуют схеме следующим образом 

<div id='wrapper'>
<div class='row-fluid'>
    <div class='span2'>some content here</div>
    <div class='span9'>other content to the side of the first div</div>
    <div class='timestamp'>123456 this should align to the bottom right of wrapper</div>
</div>
</div>

CSS 

.timestamp{
   position:absolute;
   bottom:0px;
   right:0px;
}

Но метка времени div всегда позиционирует себя как абсолютную часть тела всего документа dom, игнорируя любые промежуточные div. Есть идеи, что вызывает это?

1 Ответ

20 голосов
/ 28 марта 2012

Ваш css должен включать 

 #wrapper {
    position: relative;
}

Позиционирование по умолчанию является статическим.

Ознакомьтесь с этой статьей: http://css -tricks.com / absolute-positioning-inside-относительное позиционирование /

...