这是我的网站 unbotttled.com 并且类别子菜单与其父类别不一致?是否与填充有关,除了删除填充之外,还有其他方法可以解决这个问题吗?任何帮助将不胜感激。提前致谢。
问问题
375 次
2 回答
1
the<a>
和 the<ul>
都被包含的<li>
“类别”填充。<li>
为了帮助您理解 - 如果您仔细观察,由于 contains的原因,下拉列表会排在“类别”的左边缘padding:15px
。
有几种方法可以解决这个问题,使用负边距是一种:
#menuleft ul li:hover ul {
display: block;
position: fixed;
visibility: visible;
width: 130px;
padding: 0;
padding-top: 20px;
margin-left: -15px;
对 CSS 盒模型有透彻的理解对于现代 Web 开发来说是必不可少的。这很容易理解。
在这里了解它:http: //www.w3.org/TR/CSS2/box.html
于 2013-10-29T14:28:23.850 回答
0
它没有正确定位,因为li
它在里面有 15px 的填充。所以它在右边 15px 处。
将此 CSS 添加到 ul 子菜单margin-left:-15px
于 2013-10-29T14:01:25.873 回答