2

我想li在 a 中添加 s DIV。这DIV作为字段集的框架有 nowidth和 no height。大小应通过使用填充自动调整大小。问题是 是DIVanother 的一个类的一个元素DIV

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

好的,li's 将通过循环自动插入。

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

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

如果有人可以帮助我,我将不胜感激。

非常感谢。

4

1 回答 1

1

如果我了解您要实现的目标,您希望“drop_up”div 的底部始终附加到其父“flag”div 的顶部,即无论“flag”或“drop_up”中有多少内容.

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

例如

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

我希望这有帮助。

于 2013-05-14T16:33:11.593 回答