Html 显示无后占用空间

当我应用

显示时：无

对于

#导航图标

元素，它仍然会占用空间。这是我的密码：

HTML

<div id="nav">
  <a href="" id="nav-icon"> <img src="navigation.png" alt="nav-menu"</a>
  <ul>
    <li> <a href="#"> LINK </a> </li>
    <li> <a href="#"> LINK </a> </li>
    <li> <a href="#"> LINK </a> </li>
    <li class="navimage"> <a href="twitter.com"> <img src="twitter-icon.png" alt="twitter-icon" /> </a> </li>
    <li class="navimage"> <a href="facebook.com"> <img src="facebook-icon.png" alt="facebook-icon" /> </a> </li>
    </ul>
  </div>

---

任何解决方案？

您将

img

隐藏在

#导航图标中。您没有实际的

致：

您确定额外的空间不仅仅是在
#nav a
周围填充吗？删除display:inline块，它就可以解决这个问题！谢谢你的解释！：）
#nav {
    border-bottom:1px solid #FFF;
    margin-bottom:20px;
    padding:0;
    text-align:center;
    max-width:95%;
    margin:0 auto;
}

#nav li {
    display:inline;
}

#nav a {
    display:inline-block;
    padding:15px;
    font-weight:bold;
    font-size:15px;
    margin:15px 0;
}

#nav-icon img {
    display:none;
}

.navimage {
    float:right;
    margin-top:-5px;
}

#nav-icon img {
    display:none;
}

#nav a#nav-icon {
    display:none;
}