Question

我有一个ExpressionEngine安装，它会在联系页面上为每个人的生物生成一个DIV。对于生成的这些DIV，我将margin-bottom设置为20px但我希望最后一个DIV底部有0px的边距，这样在最后一个div的底部和容器的底部之间有相同的空间量因为在第一个DIV的顶部。我知道你可以使用类似:nth-child的P和LI元素，但我想知道是否有类似的方法用整个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}

提前致谢！

Answer 1

您可以使用：

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

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

Answer 2

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

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

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

Answer 3

#your_parent_container div:last-of-type {
    margin-bottom: 0; 
}

DEMO

如何从页面上最后生成的DIV中删除填充

3 个答案: