Question

我正在制作一些自定义DropDown列表，这适用于css的鼠标悬停。

<div class="CusSelect">
     <p>Select from List</p>
     <ul>
        <li>Football</li>
        <li>Cricket</li>
        <li>Hockey</li>
    </ul>
</div>

这是我完整的JSFiddle http://jsfiddle.net/ZX8AK/和css

现在的问题是，当我们将鼠标悬停在列表上时，它会立即设置 height：auto; ，而我想平滑地设置height：auto;

我们不知道它的高度是多少，因为它的项目将动态添加。我不在乎我们是否可以使用JQuery或CSS。我想要的就是自动平滑地设置它的高度。

要检查动画高度，我们可以设置

.CusSelect:hover > ul
{
     height:100px;
}

但这是问题所在，我们不知道它的高度是多少，所以必须保持自动。

Answer 1

我认为我给出的答案对你有用。如果li元素的数量将增加，请在li上设置高度转换，而不是ul。

https://stackoverflow.com/a/23291728/3541529

鼠标上的自动子高度悬停在父级上

1 个答案: