Jquery H1以下莫名其妙的空格（边距？）

由于某种原因，我的H1标签下面有一吨的空间。当H1被移除时，额外的空间被移除，但是我还不能隔离导致这种情况的代码。我应用了0的边距！这很重要，但没有效果

<div class="videoGallery large-12 columns">

    <h1>Fitness Videos</h1>

    <div class="videoPreviewBox">
        <a class="video1" href="#">
            <div class="videoPreview">
                <img class="videoPreviewImg" src="img/promo/groupFitness.jpg">
                <img class="playButtonHover" src="../img/playButtonHover.png">
                <img class="playButton" src="../img/playButton.png">
            </div>
        </a>
    </div>

起初我认为问题可能是由jQuery插件equalHeights引起的，equalHeights用于使包含预览图像和描述段落的所有框具有相同的高度，但如果是这样，则开放空间也将在两行之间复制

---

非常感谢任何指点

元素的

最小高度
内联样式为184px。这显然会占用很多空间

我相信它是由equalHeights插件添加的，您这样称呼它：

$(function(){ $('.videoGallery').equalHeights(); });

该元素的
min height
内联样式为184px。这显然会占用很多空间

我相信它是由equalHeights插件添加的，您这样称呼它：

$(function(){ $('.videoGallery').equalHeights(); });

请尝试以下代码：

.videoGallery h1 {
color: white;
font-size: 24px;
margin: 0;
padding: 0 !important;
line-height: 50px;
clear: both;
display: inline;
}

请注意
行高和
显示属性
请尝试以下代码：

.videoGallery h1 {
color: white;
font-size: 24px;
margin: 0;
padding: 0 !important;
line-height: 50px;
clear: both;
display: inline;
}

注意
行高度和
显示属性
我认为这与jQuery插件有关，H1的最小高度设置为148px，与视频预览div的高度相同

改变这个

$(function(){ $('.videoGallery').equalHeights(); });

到

如果这不起作用，请使用ClassVideoGallery将H1放在div上方。
我认为这与jQuery插件有关，H1的最小高度设置为148px，与视频预览div的高度相同

改变这个

$(function(){ $('.videoGallery').equalHeights(); });

到

如果这不起作用，请将您的H1放在ClassVideoGallery的div上方。
您在
上声明了
最小高度：184px
内联。删除内联样式，或者
.videoGallery h1{min height:0！important；}
您在
上声明了
最小高度：184px
内联。删除内联样式，或
.videoGallery h1{min height:0！important；}
使用FireBug检查您的页面时，我可以看到：

<h1 **style="min-height: 184px;"**>Fitness Videos</h1>

健身视频

您需要将最小高度更改为更小的值，或者将其全部删除并将其放入css中。
使用FireBug检查页面时，我可以看到您有以下内容：

<h1 **style="min-height: 184px;"**>Fitness Videos</h1>

健身视频

您需要将最小高度更改为更小的值，或者将其全部删除并放入css中。
问题可能来自

div.videoPreviewBox {
      float: left;
      display: inline-block;
      width: 21%;
      **margin: 0% 2%;**
}

您可以看到它在元素的上方和下方都有一个边距。当h1消失时，该裕度可能会崩溃，但当它有一个元素要推出时，该裕度会返回。
问题可能来自于

div.videoPreviewBox {
      float: left;
      display: inline-block;
      width: 21%;
      **margin: 0% 2%;**
}

您可以看到它在元素的上方和下方都有一个边距。当h1消失时，边距可能会缩小，但当它有一个元素要推出时，边距会返回。
您使用的是Twitter引导吗？代码中有2个h1标记。从搜索引擎优化的角度来看，你不能在一个页面上有两个
h1
标记。无论哪种方式，它都是有效的代码。您是否使用Twitter引导？您的代码中有2个H1标记。从搜索引擎优化的角度来看，你不能在一个页面上有两个
h1
标记。无论哪种方式，它都是有效的代码。我刚刚意识到，早在我发现问题的根本原因之前，您就已经发现了。你比我更值得投票。我希望我的+1至少是一种安慰。没问题，问题得到了回答；-）我才意识到你早在我之前就发现了问题的根源。你比我更值得投票。我希望我的+1至少是一种安慰。没问题，问题得到了回答；-）