下拉菜单左侧的原因不明的边距。

时间:2012-08-17 16:58:22

标签: html css

我创建了一个suckerfish下拉菜单。 Here is the link to my website

您可能会注意到,当鼠标悬停在菜单项上时,下拉文本左侧会出现奇怪的边距。甚至更奇怪的是,我试图重新创建相同的error on jsfiddle,但却无法这样做,这使我相信错误可能与下拉有关。

1 个答案:

答案 0 :(得分:3)

在您的网站中,保证金不是问题,只需应用填充:0;到父元素

#nav ul { 
   ....
   padding: 0; /* or what ever you need */
}

该问题与用户代理(浏览器)预定义样式表

有关

W3组织。引用:

  

每个用户代理(UA,通常是“网络浏览器”或“网络客户端”)都有一个默认的样式表,以合理的方式呈现文档 - 但可以说是世俗的方式

因此,这意味着您不能依赖预定义的样式表值。如果在Firefox中没问题,它可能不在IE中(取决于您用于开发的浏览器)。我的建议是在样式表的顶部添加(首先加载到页面中)一个你可以在互联网上找到的reset.css文件

示例:http://meyerweb.com/eric/tools/css/reset/