根据容器响应LI项目

Question

我正在进行水平滑动画廊。我正在使用Li的图像容器。 问题是Li高度是根据内容设定的。即使内容为空，我也希望100％。 如果我使用position：绝对的divs叠加在彼此之上。请帮忙。 谢谢。 这是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元素的高度

即可