文章/答案/技术大牛

发布

社区首页 >问答首页 >如何使子div比可滚动父级宽

问如何使子div比可滚动父级宽
EN

Stack Overflow用户

提问于 2022-01-13 11:00:27

回答 2查看 148关注 0票数 1

我正试着让一个孩子的情绪溢出父母的情绪。但是父div需要是可滚动的。

见此处：https://jsfiddle.net/20o4uysj/2/

.container {
  width: 200px;
  border: 1px solid #d8d8d8;
  border-radius: 6px;
  height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 20px;
}

.extended {
  background: #f7f7f7;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  padding: 10px;
  width: 400px;
}

这就是我想得到的：

这似乎是一项艰巨的任务。还没有找到解决这个问题的办法。

html

jquery

css

回答 2

Stack Overflow用户

发布于 2022-01-13 11:07:03

不幸的是，就像你的容器有溢出-y:自动，这是不可能的。

除了溢出-y自动或滚动之外，规范实现不允许显示溢出-x。

请参阅更多详细信息，这里是CSS overflow-x: visible; and overflow-y: hidden; causing scrollbar issue

票数 0

Stack Overflow用户

发布于 2022-01-13 22:32:36

如果你想使用正常流，那么杰里米-丹尼斯的答案是正确的。

但是，当您添加一个位置时，您会看到:绝对；在扩展类中，它将创建您想要的外观。它允许元素在它的父元素之外流动，因为它是从常规流中取出的。当然，这意味着其他元素的其他流以及它们的位置也会被搞乱。

然后，你可以用Javascript来解决这个问题，但这可能会让你很痛苦！

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/70695450

复制

相似问题

问如何使子div比可滚动父级宽
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使子div比可滚动父级宽EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使子div比可滚动父级宽
EN