gpt4 book ai didi

html - 有没有办法将父级可滚动区域的整个宽度指定为包含的 div 的宽度?

转载 作者:可可西里 更新时间:2023-11-01 14:54:38 25 4
gpt4 key购买 nike

我发现,如果我放置一个包含其他 div 的 overflow-auto div,那么这些子 div 的宽度只是父级可见部分的宽度,而不是可滚动部分的宽度地区。

example of the problem

您可以在 http://jsfiddle.net/UdgCE/ 查看示例

有没有办法将可滚动区域的整个宽度指定为宽度?

最佳答案

我不确定这是否理想,它可能无法完全回答或匹配您打算做的事情。

然而,看起来可滚动容器内的容器表现出与容器如何拉伸(stretch)窗口类似的行为。例如,如果您有一个带有 height:100%;width:100%; 的 div,它会拉伸(stretch)视口(viewport),仅此而已。

考虑到这一点,在折腾了一段时间之后,我发现的唯一纯 CSS 解决方案是为您的内部/外部容器设置特定的“匹配”像素值。

这里有一个例子... http://jsfiddle.net/krishollenbeck/UdgCE/27/

HTML

<html>
<body>
<div style="overflow:auto" id="container">
<div id="inner-wrap">
<div style="white-space:pre" id="content">
This is a the text of the first div and it's veeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeery long
</div>
</div>
<div style="background-color:#FFFF00" id="yellow">
&nbsp;
</div>
</div>
</body>
</html>

CSS

#yellow {
width:2000px;
}

#container {
border:1px solid red;
width:400px;
}
#content {
width:2000px;
border:1px solid #333;
}

#inner-wrap {
width:2000px;
}

这似乎不太理想,但似乎可行。我猜您很可能必须使用 javaScript 来测量可滚动容器的宽度,然后将内部 div 与该尺寸相匹配。

关于html - 有没有办法将父级可滚动区域的整个宽度指定为包含的 div 的宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12485133/

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