div+css,横向导航菜单 二级下拉导航菜单 不可以对齐显示。请帮我解决...
发布网友
发布时间：2022-04-30 19:38
共4个回答
热心网友
时间：2022-04-20 20:52
这行把内边距8px去掉，给width:80px改为96px就可以了。
热心网友
时间：2022-04-20 22:10
中的 padding 属性 你设置了 0 8px 意思是 你的上和下内边距是0 左右内边距是 8像素 把8像素改为0就可以了
参考资料：http://www.w3school.com.cn/css/pr_padding.asp
热心网友
时间：2022-04-20 23:45
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
body { font-family:verdana; font-size: 12px; line-height: 1.5em;}
a { color:#000; text-decoration: none;}
a:hover { color:#f00;}
#menu { width:500px; line-height:1.5em; margin:0 auto;}
#menu ul { list-style:none; margin:0; padding:0;}
#menu ul li { float:left; display:block; width: 80px; height: 26px; line-height: 26px; background:#eee; text-align:center; border:1px solid #ccc;}
#menu ul li ul { list-style:none; margin:0; padding:0; display:none; }
#menu ul li:hover ul { display:block; float:none;}
</style>
</head>
<body>
<div id="menu">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">网页版式</a>
<ul>
<li><a href="#">自适应宽度</a></li>
<li><a href="#">固定宽度</a></li>
</ul>
</li>
<li><a href="#">web教程</a>
<ul>
<li><a href="#">新手入门</a></li>
<li><a href="#">视频教程</a></li>
<li><a href="#">常见问题</a></li>
</ul>
</li>
<li><a href="#">web实例</a></li>
<li><a href="#">常用代码</a></li>
</ul>
</div>
</body>
</html>
你设置padding：0 8px；像素的问题
热心网友
时间：2022-04-21 01:36
可以自定义位置和样式 比较实用
里面有教程和源码
参考资料：http://www.blueidea.com/common/shoutbox/redir.asp?3=e&id=11931
