CSS:绝对定位元素导致滚动

时间:2018-06-18 18:38:06

标签: html css css-position

THIS方案中,我不希望最后Name.child加起来并引发额外的滚动。我希望它在.hang之外突出,而不是滚动。

我怎样才能做到这一点?

2 个答案:

答案 0 :(得分:1)

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

听起来你想要改变作为其父级的最后一个子节点的child类的溢出y。如果您将其更改为:hidden,则应该按照您的预期进行操作。

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

有关示例,请参阅此JS-Bin

修改

在回答问题的修改时,我发现您希望.hang突出于.parent对象之外。如果我正确理解了您想要的外观,那么您.hang的孩子就会.child,其本身就是.parent的孩子,并且您希望从{{ 1}}突出于外部.hang对象之外。

不幸的是,我不相信这种确切的行为是可能的。使用.parent后,任何超出容器范围的子项的任何部分都将被截断,并且您必须将其滚动到视图中。

答案 1 :(得分:0)

如果我理解你想要的东西,你可以改变:

overflow-y: scroll;

为:

overflow-y: visible;

如果没有滚动条,.hang.parent移动var locate = function() { var a = 10; var locate = {} function inner(_block) { console.log('Hello', _block + ' ' + a); } locate.inner = inner; return locate; } module.exports = locate;