Question

我正在制作CSS悬停菜单，其中子级ul父级设置了line-height＆amp; font-size中的em：

#menu li a{
    font-size:1.3em;
    line-height: 2em;
    padding: 0 0.7125em;
    color: black;
}

我在计算top的确切ul.sub值方面遇到了困难，所以在悬停时它会出现在它的父容器的底边：

#menu ul ul{
    position: absolute;
    top: 2em;
}

此最高值使其在父容器中显示为10％左右。我想知道有没有办法计算确切的值，知道父母的line-height＆amp; font-size值

这就是HTML结构的样子。

<nav id='menu'>
    <ul class='top'>
        <li><a href='#'>Item0</a></li>
        <li>
            <a href='#'>Item1</a>
            <ul class='sub'>
                <li><a href='#'>Item0</a></li>
                <li><a href='#'>Item1</a></li>
            </ul>
        </li>
        <li><a href='#'>Item2</a></li>
        <li><a href='#'>Item3</a></li>
        <li><a href='#'>Item4</a></li>
    </ul>   
</nav>

Answer 1

EUREKA !!!那一刻......对不起伙计们。

解决方案是：top: 100%;;）

和平＆安培;爱

css“li：hover ul”最高值/行高依赖性计算

1 个答案: