如何向上增加元素的高度？

Question

HTML代码：

<ul>
    <li>A</li>
    <li>B</li>
    <li>C</li>
    <li>D</li>
    <li>E</li>
    <li>F</li>
</ul>

如果我在列表中再添加一个li，它的高度会向下增长。但我想保持列表底部静止并向上增加其高度。

更新 我总是试图在浏览器窗口的底部保留一个小条。当用户选择某个内容时，该栏会显示该项目。如果它不止一个项目，容器必须自动向上增加其高度。

怎么做？

任何建议都会很有意义！

谢谢！

Answer 1

所以我猜你的列表应该是指定bottom的绝对位置宽度。

Answer 2

我最好的猜测是制作ul position:absolute。在您的脚本中添加项目时，按项目的高度减去x位置。当然position:absolute会将列表从正常流程中删除。

Answer 3

你想要做的是像这样设置底部属性

<ul style="position:absolute;bottom:1px;">
         <li>A</li>
         <li>B</li>
         <li>C</li>
         <li>D</li>
         <li>E</li>
         <li>F</li>
     </ul>

这会将块放在它所在的任何块的底部。