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

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;
}