0

我有一个 ExpressionEngine 安装，它在联系页面上为每个人的简历生成一个 DIV。对于生成的这些 DIV，我将 margin-bottom 设置为 20px，但我希望最后一个 DIV 在底部具有 0px 边距，以便在最后一个 div 的底部和容器的底部之间有相同的空间因为在第一个 DIV 的顶部。我知道您可以对 P 和 LI 元素使用类似的东西:nth-child，但我想知道是否有类似的方法可以对整个 div 执行此操作。这是我正在使用的代码：

{people}
    <div class="bio mobile-inner">
        <img class="grid_4_desktop grid_4_tablet grid_1_mobile" width="216" height="auto" title="" src="{image}" />
        <div class="grid_12_desktop grid_8_tablet grid_1_mobile leader-info">
            <h3>{name}</h3>
            <h5>{title}</h5>
            <p>{bio}</p>
        </div>
    </div>
{/people}

提前致谢！

4

3 回答 3

3

你可以使用这个：

div.bio:last-child {
  margin-bottom:0px;
}

演示http://jsfiddle.net/Z7Whb/1/

于 2013-11-12T16:04:59.730 回答
2

在不知道哪个元素有边距的情况下，很难判断，但是这应该可以解决它，假设.bio元素有margin-bottom，您将使用：

.bio:last-child {
    margin-bottom:0px;
}

您可能需要在选择器中更具体一点，以确保它会覆盖初始声明。此外，请确保此声明出现在样式表中的第一个声明之后，因为它是从上到下阅读的。因此，您不希望它被覆盖。

于 2013-11-12T16:04:44.617 回答
1 
#your_parent_container div:last-of-type {
    margin-bottom: 0; 
}

演示

于 2013-11-12T16:04:33.537 回答