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

Answer 2

您刚刚失踪position:relative;

这是因为绝对是基于最近的亲属。如果没有父母是亲戚，那么绝对是基于浏览器窗口的。

<强> HTML

<div class="row">
<div id="left">
  <p>pplplplplp</p>
</div>
<div id="right">
  <p>pplplplplp</p>
</div>
<div id="bottomrightcontainer">
  <p>pplplplplp</p>
</div>
</div>

<强> CSS

#bottomrightcontainer{
    background-color: blue;
    border: 2px solid red;
    border-radius: 2px;
    z-index: 1;
    position: absolute;
    width: 17%;
    height: 29%;
    right: 0px;
    bottom: 0px;
}

.row{
    border: 2px solid green;
    position:relative;
}

http://jsfiddle.net/cg8bgvoz/

Answer 3

将position: relative添加到父div应该有效：

JSFiddle：http://jsfiddle.net/ABr/Lxwqkvav/

Answer 4

在上面的代码中(* http://stackoverflow.com/questions/2168029/open-file-in-mlsmlnj *) val infile = "input.txt" ; (* reading from file follow this to list of string per line *) fun readlist (infile : string) = let val ins = TextIO.openIn infile fun loop ins = case TextIO.inputLine ins of SOME line => line :: loop ins | NONE => [] in loop ins before TextIO.closeIn ins end ; val pureGraph = readlist(infile); size (hd pureGraph)是身体的直接孩子。它将位于身体的右下方。然后也使它的位置相对而不是绝对

Answer 5

您还没有为类行指定css，这是您的父类。所以，尝试添加

.row
{
position: relative;
}

Answer 6

您可以使用html和css执行此操作。不需要javascript，也没有完成作业所需的jquery和其他复杂语言。见这里：http://goo.gl/PnWvUl

将div放在右下角

6 个答案: