我创建了一个吸盘鱼下拉菜单。这是我网站的链接
您可能会注意到,当鼠标悬停在菜单项上时,下拉文本的左侧有一个奇怪的边距。更奇怪的是,我试图在 jsfiddle 上重新创建相同的错误但无法这样做,这让我相信该错误可能与下拉菜单无关。
我创建了一个吸盘鱼下拉菜单。这是我网站的链接
您可能会注意到,当鼠标悬停在菜单项上时,下拉文本的左侧有一个奇怪的边距。更奇怪的是,我试图在 jsfiddle 上重新创建相同的错误但无法这样做,这让我相信该错误可能与下拉菜单无关。
在您的网站中,边距不是问题,只需应用填充:0;到父 ul 元素
#nav ul {
....
padding: 0; /* or what ever you need */
}
该问题与用户代理(浏览器)预定义样式表有关
W3组织。引用:
每个用户代理(UA,通常是“Web 浏览器”或“Web 客户端”)都有一个默认样式表,该样式表以合理(但可以说是平凡)的方式呈现文档
所以这意味着您不能依赖预定义的样式表值。如果在 Firefox 中可以,它可能不在 IE 中(取决于您用于开发的浏览器)。我的建议是在您的样式表顶部(首先在页面中加载)添加一个 reset.css 文件,您可以在 Internet 上找到该文件
示例: http: //meyerweb.com/eric/tools/css/reset/