Css 为什么在我的无序列表之前有空白？

我想做到这一点：

我做到了这一点：

导航左侧有一个间隙。我不明白它为什么在那里。佩奇是现场直播的

我的标记：-

<footer>
<div id="contact-info">
<p><span id="footer-text-big">Contact Us:</span></p>
<p>
Tel: +974 44151991<br />
P.O.Box: 202315, Doha – Qatar<br />
E-mail: hajrisalemal@gmail.com<br />
krishnabhw1@yahoo.com
</p>
</div>
<div id="footer-nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="photogallery">Photo Gallery</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div id="copyright">
Copyright &copy; 2014 SALEM AL HAJRI. All Rights Reserved.
</div>
</footer>

现在将您的

#页脚导航定义为如下所示

#footer-nav ul{padding-left:0;}

现在将您的
#页脚导航定义为如下所示

#footer-nav ul{padding-left:0;}

现在将您的
#页脚导航定义为如下所示

#footer-nav ul{padding-left:0;}

现在将您的
#页脚导航定义为如下所示

#footer-nav ul{padding-left:0;}

试试这个

#footer-nav ul{
  padding:0;
}

试试这个

#footer-nav ul{
  padding:0;
}

试试这个

#footer-nav ul{
  padding:0;
}

试试这个

#footer-nav ul{
  padding:0;
}

列表（ul和ol）默认设置了填充和边距。您应该手动更改它，因此如果不需要任何边距，您应该添加到css中：

#footer-nav ul {margin:0; padding: 0;}

或

或者设置一些其他自定义值，例如

#footer-nav ul {margin-left: 10px; padding-left: 0;}

此外，我看到您使用HTML5。您应该创建nav元素，而不是div id=“footer nav”
列表（ul和ol）默认设置了填充和边距。您应该手动更改它，因此如果不需要任何边距，您应该添加到css中：

#footer-nav ul {margin:0; padding: 0;}

或

或者设置一些其他自定义值，例如

#footer-nav ul {margin-left: 10px; padding-left: 0;}

此外，我看到您使用HTML5。您应该创建nav元素，而不是div id=“footer nav”
列表（ul和ol）默认设置了填充和边距。您应该手动更改它，因此如果不需要任何边距，您应该添加到css中：

#footer-nav ul {margin:0; padding: 0;}

或

或者设置一些其他自定义值，例如

#footer-nav ul {margin-left: 10px; padding-left: 0;}

此外，我看到您使用HTML5。您应该创建nav元素，而不是div id=“footer nav”
列表（ul和ol）默认设置了填充和边距。您应该手动更改它，因此如果不需要任何边距，您应该添加到css中：

#footer-nav ul {margin:0; padding: 0;}

或

或者设置一些其他自定义值，例如

#footer-nav ul {margin-left: 10px; padding-left: 0;}

此外，我看到您使用HTML5。您应该创建nav元素，而不是div id=“footer nav”