Css 此导航上出现意外（不需要的）左侧边距
我有一个简陋的导航，我把它放在一起，由于某种原因，在第一个链接开始之前，我得到了大约40像素的左边距。我没有一个左边缘的div，所以不知道为什么会发生。当然，完全与屏幕左侧齐平看起来并不好，但我想自己控制任何边距大小 我无法使用jsfiddle进行此操作，因为在jsfiddle内部没有错误。天气转晴 话虽如此，这是html文件：Css 此导航上出现意外（不需要的）左侧边距,css,debugging,margin,Css,Debugging,Margin,我有一个简陋的导航，我把它放在一起，由于某种原因，在第一个链接开始之前，我得到了大约40像素的左边距。我没有一个左边缘的div，所以不知道为什么会发生。当然，完全与屏幕左侧齐平看起来并不好，但我想自己控制任何边距大小 我无法使用jsfiddle进行此操作，因为在jsfiddle内部没有错误。天气转晴 话虽如此，这是html文件： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
body {
background-color: #FFF;
margin: 0;
padding: 0;
}
#footer_enhanced {
height: 50px;
width: 100%;
position: fixed;
bottom: 0px;
line-height: 50px;
float: left;
background-color: #121212;
z-index: 999;
margin: 0px;
left: 0px;
}
#navigation_enhanced {
color: #000;
margin: 0px;
padding: 0px;
height: 50px;
float: left;
clear: both;
}
#navigation_enhanced ul {
list-style: none;
margin: 0;
}
#navigation_enhanced li {
float: left;
line-height: 50px;
}
#navigation_enhanced li a {
display: block;
text-decoration: none;
font-size: 1.125em;
color: #FFF;
margin-right: 0.375em;
padding-right: 0.375em;
padding-left: 0.375em;
letter-spacing: -1px;
}
#navigation_enhanced li a:hover {
color: #000;
background-color: #fff;
}
.current {
display: block;
text-decoration: none;
font-size: 1.125em;
color: #000;
background-color: #fff;
margin-right: 0.375em;
padding-right: 0.375em;
padding-left: 0.375em;
letter-spacing: -1px;
list-style: none;
float: left;
}
</style>
</head>
<body>
<div id="footer_enhanced">
<div id="navigation_enhanced">
<ul>
<li class="current">home</li>
<li><a href="#">cat2</a></li>
<li><a href="#">cat3</a></li>
<li><a href="#">cat4</a></li>
<li><a href="#">cat5</a></li>
</ul>
</div>
</div>
</body>
</html>
无标题文件
身体{
背景色：#FFF；
保证金：0；
填充：0；
}
#增强的页脚{
高度：50px；
宽度：100%；
位置：固定；
底部：0px；
线高：50px；
浮动：左；
背景色：#121212；
z指数：999；
边际：0px；
左：0px；
}
#导航增强{
颜色：#000；
边际：0px；
填充：0px；
高度：50px；
浮动：左；
明确：两者皆有；
}
#导航增强ul{
列表样式：无；
保证金：0；
}
#导航增强李{
浮动：左；
线高：50px；
}
#导航增强型LIA{
显示：块；
文字装饰：无；
字号：1.125em；
颜色：#FFF；
右边距：0.375em；
右侧填充：0.375em；
左侧填充：0.375em；
字母间距：-1px；
}
#导航增强型li a：悬停{
颜色：#000；
背景色：#fff；
}
.当前{
显示：块；
文字装饰：无；
字号：1.125em；
颜色：#000；
背景色：#fff；
右边距：0.375em；
右侧填充：0.375em；
左侧填充：0.375em；
字母间距：-1px；
列表样式：无；
浮动：左；
}
主页
ul左填充ul {
padding-left: 0;
}
JSFIDLE在您的任何样式之前应用。也许你也需要这样做？非常感谢！我知道我忽略了什么。我快疯了，哈哈。