如何放置一个DIV关于左下角的角落

Question

我想在DIV中添加li s。这个DIV作为字段集的帧没有width，也没有height。大小应该通过使用填充自动调整大小。问题是DIV是另一个DIV类的元素:

<div class="flag">
    <div id="drop_up">
        <fieldset>
            <ul>
                <li>
                some content
                </li>
            </ul>
        </fieldset>
    </div>
</div>

好的，li将通过循环自动插入。

现在的问题是，DIV是一个下拉框架。它的大小向上增长，而不是像往常那样向下增长。所以我不能通过使用left, bottom等来定位它，因为高度会根据li的数量而不同。

我的问题是，如果有一种方法来定位左下角的元素?通常定位在右上角生效，当DIV向下生长时，这是没有问题的。

如果有人能帮助我，我真的很感激。

谢谢。

Answer 1

如果我明白你想要实现的是什么，你希望'drop_up'div的底部始终附加到其父'flag'div的顶部，即无论'flag'或'drop_up'中有多少内容。

假设我的理解是正确的，我建议将'drop_up'div包装在另一个div内(我将称之为'drop_upHolder')，然后将这个新div的绝对位置置于'flag'div的顶部，然后将'drop_up'div的绝对位置置于这个holderdiv的底部。

。

<div class="flag">     
    <div id="drop_upHolder">
        <div id="drop_up">
            ....
            ....
        </div>
    </div>
</div>
.flag #drop_upHolder {
  position:absolute;
  z-index:0;
  top:0;
  height:0
}
.flag #drop_up {
  position: absolute;
  z-index: 1;
  background-color: gray;
  padding: 25px;
  bottom:0;
}