ul构造菜单的问题_html/css_WEB-ITnose

css 菜单

我按照《精彩绝伦的css》书上介绍的方法，制作了如下菜单，
但发现弹出的菜单总出现在屏幕外右边，我理解可能是li中绝对定位时没有参照ul中的position：relative。但如何纠正这个问题？我用的是chrome测试。



ul.toc li {
position:relative;
}
ul.toc li a i{
display:none;
}
ul.toc li a:hover i{
display:block;
width:6em;
position:absolute;
top:1em;
left:100%;
margin:-1em 0 0 1em;
padding:1em;
background:#cde;
border:1px solid gray;
}

111111111111 chapter 1
222222222222 chapter 2
333333333333 chapter 3

查看更多关于ul构造菜单的问题_html/css_WEB-ITnose的详细内容...