Question

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

看到那边说“请多多”/“一个男人的错误”/等等？我希望每个李直接下来，最好使用百分比，以便他们可以根据标题的高度进行调整。我感觉它有溢出问题，但我不知道如何解决它而不打破其他任何东西

我希望这是有道理的。现在已经晚了，我不是在想。谢谢

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

如何让李伸展下来

2 个答案: