gpt4 book ai didi

css - 带有滚动条的绝对定位容器内的宽度问题

转载 作者:行者123 更新时间:2023-11-28 15:27:26 27 4
gpt4 key购买 nike

Demo jsFiddle

我的问题是:

如果我将 max-height 影响到绝对定位的 .rc-datalist 容器,则会出现一个滚动条:这是预期的行为。

但是这个容器中最长的子元素变错了:最后一个字符隐藏在滚动条下面。 (我在我的 jsFiddle 中突出显示了这一行)

当我添加一个右浮动元素时,它变得更糟,如您所见...

拜托,有人知道如何修复/破解这种奇怪但跨浏览器的行为吗?我只是想让 .rc-datalist 在滚动条出现时变大一点。

信息:

  • 没有 javascript,只有 CSS(我肯定知道如何用 javascript 修复它)

  • .rc-datalist 绝对位置 是强制性的,我不想为其指定数字宽度。

  • .rc-option 元素的内容可以更改或换行。我只需要保持 .rc-datalist.rc-option 之间的父子关系。在 .rc-option 中,我不在乎,只要它能完成工作即可!

最佳答案

.rc-option 中删除 white-space:nowrap,留下:

.rc-option {
padding:0 0.5em;
}

Demo Fiddle

关于css - 带有滚动条的绝对定位容器内的宽度问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25038876/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com