html - 怎么让li伸展下来

Question

这个例子可以在这里看到：http ://www.animavivo.com

看到上面写着“请多多关照”/“过错一个人”/等等的一面吗？我希望每个 li 都直接下来，最好使用百分比，以便它们可以根据标题的高度进行调整。我感觉它是一个溢出问题，但我不知道如何在不破坏其他任何东西的情况下修复它

我希望这是有道理的。已经很晚了，我没有想清楚。谢谢

Answer 1

这是解决方案。

CSS 更改：

#magazine {
    box-shadow: 0 0 5px #191919;
    height: 503px;
    overflow: auto;
}


#magazine ul {
    border-left: 8px solid #464646;
    height: 25%;
}

更改上面的 CSS，你会得到li拉伸。

PS：它也适用于分辨率更改。

Answer 2

你需要给#magazine一个固定的高度，比如说你的情况是 425px；然后你需要给#magazine ul height:100%和 li 到 25%。

CSS

#magazine {
    height: 425px;
}

#magazine ul {
    border-left: 8px solid #464646;
    background-color: #efefef;
    height: 100%;

}

#magazine ul li {
height: 25%
}