Html 如何向上增加元素的高度?

Html 如何向上增加元素的高度?,html,css,Html,Css,HTML代码: <ul> <li>A</li> <li>B</li> <li>C</li> <li>D</li> <li>E</li> <li>F</li> </ul> A B C D E F 如果我在列表中再添加一个li,其高度将向下增长。但我希望列表底部保持不变,并向上增

HTML代码:

<ul>
    <li>A</li>
    <li>B</li>
    <li>C</li>
    <li>D</li>
    <li>E</li>
    <li>F</li>
</ul>
  • A
  • B
  • C
  • D
  • E
  • F
如果我在列表中再添加一个
li
,其高度将向下增长。但我希望列表底部保持不变,并向上增加其高度

更新: 我一直试图在浏览器窗口的底部保留一个小条。当用户选择某个项目时,该栏将显示该项目。如果它包含多个项目,则容器必须自动向上增加其高度

怎么做

任何建议都将不胜感激


谢谢

我最好的猜测是将
ul
位置设置为绝对位置。在脚本中,当你添加一个项目时,用项目的高度减去x位置。当然
position:absolute
会使列表脱离正常流程。

因此我猜您的列表应该处于绝对位置宽度,指定的
底部

您要做的是如下设置底部属性

<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>
  • A
  • B
  • C
  • D
  • E
  • F

这将使该块位于其所在块的底部

滚动窗口?这没有太多的意义,因为张贴…等一下。。。正如兰迪所说,这没有多大意义。不是所有的位置都是相对于其他位置的吗?如果你想要底部静态,当你添加太多标签时你会怎么做?如果向上滚动,则与修复顶部相同。我尝试将其作为始终位于屏幕底部的小部件。我希望它留在底部,即使用户滚动。但当我添加更多项目时,它必须向上增加高度。我试图使它像许多网站中的底部栏一样。它总是在底部。