web-dev-qa-db-ja.com

Twitter内で絶対divを適切に配置するにはどうすればよいですかbootstrap cssフレームワーク

Twitter bootstrapフレームワークを使用して、divをその親内に絶対的に配置することはできないようです。次のスキームに従う一連の行があります

<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は常に、中間divを無視して、domドキュメント全体の本体の絶対位置に配置されます。これを引き起こしているアイデアはありますか？

csscss3twitter-bootstrappositioningabsolute
10
Brian

あなたのCSSには含める必要があります

 #wrapper {
    position: relative;
}

デフォルトの配置は静的です。

この記事をチェックしてください： http://css-tricks.com/absolute-positioning-inside-relative-positioning/

20
Nic Meiring