Html div中的可变高度列表项，底部对齐_Html_Css

Html div中的可变高度列表项，底部对齐

html css

Html div中的可变高度列表项，底部对齐,html,css,Html,Css,我们能否将现有的FIDLE（解决方案）用于条形图并应用不同的高度值实际发生的情况是，条形项目固定在ul容器的顶部，而当我们缩放项目时，它应该固定在底部 li.different { height: 80px !important; } 例如，对一个列表项应用不同的类将演示问题。将显示模式更改为内联块移除浮动：左侧最后在列表中的第一项添加一些边距垂直对齐仅适用于内联或内联块元素。您的列表项是块元素太好了，我喜欢这样，你能给我解释一下吗？这样我才能从技术上理解。谢谢。是的，

我们能否将现有的FIDLE（解决方案）用于条形图并应用不同的高度值

实际发生的情况是，条形项目固定在ul容器的顶部，而当我们缩放项目时，它应该固定在底部

li.different {
    height: 80px !important;
}

例如，对一个列表项应用不同的类将演示问题。

将显示模式更改为
```
内联块
```
移除
```
浮动：左侧
```


最后在列表中的第一项添加一些边距
垂直对齐
仅适用于内联或内联块元素。您的列表项是块元素
太好了，我喜欢这样，你能给我解释一下吗？这样我才能从技术上理解。谢谢。是的，在你编辑了垂直对齐后，我现在明白了，如果我们有块元素，我们如何将它们锚定到底部？使用绝对定位和底部
属性，就像你使用
一样。还要注意的是，一旦你浮动一个元素，它会自动变成一个块元素。太棒了，你知道这东西不在书中，或者你能推荐给我任何关于这种复杂css结构的东西吗？我的意思是，我读了很多书，他们教我如何构造页眉、页脚、左/右浮动等等。我想了解更多。请告诉我，我只是通过实验才学会的。当有什么不清楚的时候，我会求助于或者说。你也这么做了，所以我想你走对了方向：）