将div放置在右下角

Question

无法弄清楚为什么我的div不在行的右下角。

<div class="row">
<div id="col-xs-4">
  <p>pplplplplp</p>
</div>
<div id="col-md-8 pull-right">
  <p>pplplplplp</p>
</div>
<div id="bottomrightcontainer">
  <p>pplplplplp</p>
</div>
</div>

#bottomrightcontainer{
    background-color: white;
    border: 2px solid white;
    border-radius: 2px;
    z-index: 1;

    position: absolute;
    width: 17%;
    height: 29%;
    right: 0px;
    bottom: 0px;
}

这将其放置在窗口的底部而不是其父行。

Answer 1

position: absolute; 如您所愿，需要父母 position: relative;

http://jsfiddle.net/5uodkb1u/

.row {
    position: relative;
}