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

问题描述:

你好,我需要这个快速工作,但我现在真的坚持下去!全宽页脚菜单与下拉菜单等比例缩放

我有一个完整的宽度页脚菜单与列表项中心和与浏览器大小相等的比例和我认为我现在正常工作,但我似乎无法让下拉菜单工作以相同的方式悬停在列表项上(垂直列表菜单)和相同的缩放比如页脚菜单。

请有人可以帮助我,这一定很容易。

谢谢!

<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/

u能请使用以下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; 
} 
+0

感谢您的帮助,但我的意思不是水平的,而是分享按钮上方的垂直列表菜单的宽度相同。你知不知道怎么? – KP83 2014-10-16 11:44:44

+0

我希望这将有助于你看看http://jsfiddle.net/L7noytpf/3/ – Jaishankar 2014-10-16 11:55:24

+0

谢谢!下拉菜单的宽度可能与浏览器大小上的菜单项具有相同的宽度。也许33.333%的诡计?还是有一种方式?再次感谢你Jai! – KP83 2014-10-16 12:06:06