Question

每次渲染页面时，我似乎都会产生这个空间块。我不知道它是怎么出现的。下面是我在chrome中检查时的图像，它发生在其他浏览器中。这是一个问题因为它在我的页脚下面所以我只有空格，没有css似乎解决它，只是直接删除了很好的空间，但我的代码中不存在空间。

My Code

   <body>
      <div id="wrapper">
        <div id="header">
        <img style="display:block; " src="assets/img/trinity.png" alt="trinityimage" />
              <ul style="width:100%;
                height:100px;
                background:url(assets/img/backg.png) repeat-x;
                list-style:none;
                margin:0;
                padding:0;
                text-align:center;" id="menu">
                <li class="selected"><a href="#" class="home"><span></span></a></li>
                <li><a href="#" class="aboutus"><span></span></a></li>
                <li><a href="#" class="team"><span></span></a></li>
                <li><a href="#" class="club"><span></span></a></li>
                <li><a href="#" class="spare"><span></span></a></li>
            </ul>

        </div>
        <div id="content">
        <div id="space"></div>
        <img style="padding:7px;" src="assets/img/newsite.png" align="left" alt="newsite"/>
        <p>Welcome to the Club homepage</p>!
        <div id="rightcolumn">
        <h3>Recent News!</h3>
           <ul style="font-size:9px; line-height:100%;">
           <li><p>Lorem ipsum dolor</p></li>
           <li><p>Lorem ipsum dolor</p></li>
           <li><p>Lorem ipsum dolor</p></li>
           <li><p>Lorem ipsum dolor</p></li>
           </ul>
        </div>
        <div id="footer">
        </div>
    </div>
</body>
</html>

“空间”div对它没有影响，这只是一点空间。

Answer 1

我之前已经看过几次幻影空间，它与隐藏的角色有关（通常来自复制和粘贴）。如果您删除结束</div></body></html>，然后手动重新键入它们，它可能会解决问题。

Answer 2

e2 80之后你有一个奇怪的隐形字符（十六进制：</html>）。

将其移除，空间将消失。

无法删除文档底部的空格

2 个答案: