css - 根据容器的响应式 LI 元素

Question

我正在制作水平滑动画廊。我正在使用 Li's 作为图像容器。问题是 Li 高度是根据内容设置的。我想要它 100%，即使内容是空的。如果我使用 position:absolute ，则 div 会堆叠在一起。请帮忙。谢谢。这是CSS代码

body {
        margin: 0px;
    }

    ul {
        margin: 0px;
        padding: 0px;
        float: left;
    }

    li {
        float: left;
        height: 100%;
        width: 133PX;
        background-color: crimson;
        list-style-type: none;
        border: 1px solid black;
    }

这是html代码

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
</ul>

谢谢。

Answer 1

只需为您的 ul 元素设置一个高度