Question

我想在li中添加DIV。此DIV作为字段集的框架没有width而没有height。应使用填充自动调整大小。问题是DIV是另一个DIV的类的一个元素：

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

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

现在的问题是，DIV是一个下拉框架。它的大小越来越大，而不是像往常一样的下降。所以我不能通过使用左，下等来定位它，因为高度将根据li的数量而不同。

我的问题是，是否有办法通过左下角设置元素？通常，定位在右上角生效，DIV向下生长时没有问题。

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

非常感谢。

Answer 1

如果我理解你想要实现的目标，你希望'drop_up'divs的底部始终附加到其父'flag'div的顶部，即无论'flag'中有多少内容或者'drop_up'。

假设我的理解是正确的，我建议将'drop_up'div包装在另一个div（我称之为'drop_upHolder'）中，然后将这个新div绝对定位到'flag'div的顶部，然后绝对位置“drop_up”div的底部这个持有者div。

e.g。

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

我希望这会有所帮助。

如何在左下角的左下角放置DIV？

1 个答案: