gpt4 book ai didi

html - 如何将 DIV 缩放到全宽?

转载 作者:太空宇宙 更新时间:2023-11-04 05:16:27 24 4
gpt4 key购买 nike

我想将 DIV 设置为页面宽度的 100%,而不是窗口宽度的 100%。

因此,如果我的内容比浏览器窗口宽,我希望 DIV 仍然缩放到整个宽度,而不是像 width: 100% 那样在页面中间结束.

将其嵌套到 width: 200% 的 DIV 中; overflow: visible; 基本上可以工作,但有副作用,您可以滚动所有 200%。即便如此,如果内容超过窗口宽度的两倍,div 将在半空中结束。

示例:http://jsfiddle.net/nm64V/ (请注意,3000px 宽的内容只是一个例子,在我的元素中我不知道内容有多宽以及什么时候会超过窗口宽度)

我如何实现所描述的行为?

最佳答案

我不相信你想做的事是可能的。您可能需要提供一个更具体的示例来说明您想要实现的目标。

在那之前我给出一个可能有效的猜测:给出周围的元素(<body> 可能有效,否则添加一个)display: table-cell ,因为表格单元格会拉伸(stretch)以适合其内容。如果您需要支持不支持 display: table-cell 的旧版浏览器, 请尝试在内容周围添加一个单格表格。

示例:http://jsfiddle.net/nm64V/2/

关于html - 如何将 DIV 缩放到全宽?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7889213/

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