更新：Rohit Azad 提供的解决方案很有效，非常感谢。
我在论坛上进行了相当多的搜索，寻找解决方案，但由于我不知道编码，我不确定什么适用于我，什么不适用。因此，如果这是一个经常解决的问题，我们深表歉意，但我将非常感谢您的帮助！
经过多次试验和错误，我设法在导航栏上获得了页面下拉列表；但是，当我点击子页面时，整个菜单就会消失。我已经阅读了其他类似问题，其中存在边距太大的问题，但我认为我的边距设置为“0”。
该博客位于：http ://swirlstwirlsblog.blogspot.com.au/
我在子页面中没有内容，但在 html/javascript 小部件中存在并链接。
我也在 Chrome、Mozilla 和 Safari 中查看过它，这是同样的问题。
我也不确定这是否是 javascript、css 或 html 问题，所以请在您的回复中保持友好——我只是新人！
非常感谢任何能够帮助我的人。
这是我在 Widget 中使用的脚本：
<ul id="jsddm">
<li><a href="http://swirlstwirlsblog.blogspot.com.au/">Home</a>
<li><a href="http://swirlstwirlsblog.blogspot.com.au/search/label/sparkles">Sparkles</a>
</li>
<li><a href="http://swirlstwirlsblog.blogspot.com.au/search/label/friendship">Friendship</a>
</li>
<li><a href="http://swirlstwirlsblog.blogspot.com.au/search/label/humour">Humour</a>
</li>
<li><a href="">About</a>
<ul>
<li><a href="http://swirlstwirlsblog.blogspot.com.au/p/about_16.html">Us</a></li>
<li><a href="http://swirlstwirlsblog.blogspot.com.au/p/contributers.html">Contributors</a> </li>
<li><a href="http://swirlstwirlsblog.blogspot.com.au/p/advertising.html">Advertising</a> </li>
<li><a href="http://swirlstwirlsblog.blogspot.com.au/p/privacy-policies.html">Privacy</a></li>
<li><a href="http://swirlstwirlsblog.blogspot.com.au/p/contact.html">Contact</a></li>
</ul>
</li>
</li></ul>
这是我在模板中放入的 html 代码：
<pre>#jsddm {
margin: 0;
padding: 15px;
z-index:1000000000;
position:relative;
}
#jsddm li {
float: left;
list-style: none;
font: 12px Tahoma, Arial;
}
#jsddm li a {
display: block;
white-space: nowrap;
margin:1px 3px;
padding: 5px 10px;
border-right: 1px color: eeeeee;
text-shadow: #ffffff 0 1px 0;
color: #363636;
font-size: 15px;
font-family: crushed;
text-decoration: none;
vertical-align: middle;
}
#jsddm li a:hover {
background: #C8C8C8;
}
#jsddm li ul {
margin: 0;
padding: 0;
position: absolute;
visibility: hidden;
border-top: 1px solid white;
}
#jsddm li ul li {
float: none;
display: inline;
}
#jsddm li ul li a {
width: auto;
background: #ffffff;
}
#jsddm li ul li a:hover {
background: #eeeeee;
}</pre>
