什么HTML代码导致空白空格？

Question

我已经在服务器上上传了一些网页，这些网页似乎在呈现之前添加了一些额外的内容（link to page）。

我见过的其中一件事是靠近顶部的空白空间（见屏幕截图）。

我是＆＃34;检查来源＆＃34;弄清楚我的目的是否有任何东西可以去除它。但我甚至无法弄清楚导致它的原因。你能找出导致空格的HTML代码行吗？

Answer 1

.outer-wrapper {
    background: #f1f1f1 url(../images/background-gradient-subpage.png) repeat-x left top;

    /* padding-top: 30px; */

}

尝试删除padding-top: 30px

Answer 2

你有：

 <div class="main-wrapper" style="height: auto;">
 <div class="outer-wrapper">
 <div class="breadcrumb">
  <div class="wrapper">
   <a href="../../X/guide/X.html">Mathematica</a>
  </div>
 </div>
 <div class="wrapper mainOuter">

您是否尝试过移除包装？ div class="main-wrapper"和<div class="outer-wrapper">似乎具有“相同”尺寸，但是主要大于外部，而白色空间是外观上的差异。

<div class="wrapper mainOuter">似乎也与<div class="outer-wrapper">位于同一“空格”中。

我会尝试删除其中一个或多个包装器，看看它是否表现得更符合预期。