html - 带下拉菜单等比例缩放的全宽页脚菜单

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>

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