html - 将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;
}