Question

你好，我需要这个快速工作，但我现在真的卡住了！

我有一个全宽的页脚菜单，列表项目居中，并且浏览器大小相等，我认为我现在正常工作，但我似乎无法获得下拉菜单以相同的方式悬停工作，列表项彼此叠加（垂直列表菜单），并以与页脚菜单相同的比例缩放。

请有人帮助我，这一定很容易。

谢谢！

<footer>

<ul>
<li><a href="#">Share</a>
     <ul>
     <li><a href="#">Facebook</a></li>
     <li><a href="#">Twitter</a></li>
     <li><a href="#">Tumblr</a></li>
     </ul>
</li>
<li><a href="#" id="scroll-top">Top</a></li>
<li><a href="#" onclick="funcShow(event);">Info</a></li>
</ul>

小提琴：http://jsfiddle.net/foroloca/L7noytpf/1/

Answer 1

请你使用下面的CSS

为了更加清晰，请参阅 JSFIDDLE

CSS：

   footer ul ul li {
    border-top: 1px solid #ffffff;
    float: left;
    width: 100%;
}


footer ul ul {
    bottom: 60px;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 273px;
}

全宽页脚菜单，下拉菜单相等缩放

1 个答案: