-1

这是我的网站 unbotttled.com 并且类别子菜单与其父类别不一致?是否与填充有关,除了删除填充之外,还有其他方法可以解决这个问题吗?任何帮助将不胜感激。提前致谢。

4

2 回答 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 回答