html - CSS：绝对定位元素导致滚动

Question

在这种情况下，我不希望 last增加高度并产生额外的滚动.child。.hang我希望它.parent在滚动时突出到外面。

我怎样才能做到这一点？

标签： htmlcsscss-position

Answer 1

如果您希望父母保持您拥有的大小，但您希望最后一个孩子有较小的挂起，您可以使用 css 伪类选择器:last-child。

听起来您想更改作为child其父级的最后一个子级的类的溢出-y。如果您将其更改为:hidden，它应该会按照您的预期进行。

.child:last-child {
    overflow-y: hidden;
}

有关示例，请参见此 JS-Bin 。

---

编辑

针对问题的修改，我看到您希望在对象.hang之外突出。.parent如果我正确理解了您想要的外观，那么您有一个.hang作为 的孩子.child，它本身就是 的孩子.parent，并且您希望悬垂从.hang突出到外部.parent对象之外。

不幸的是，我不相信这种确切的行为是可能的。使用overflow-y: scroll后，任何超出容器边界的子项的任何部分都会被截断，您必须将其滚动到视图中。