gpt4 book ai didi

html - 避免div过大导致页面溢出

转载 作者:太空宇宙 更新时间:2023-11-03 23:41:48 24 4
gpt4 key购买 nike

这是我的 jsfiddle 主要结构:http://jsfiddle.net/LQtaJ/一个div里面有2个div

<div id="c1">
<div id="c2"></div>
<div id="c3"></div>
</div>

我也愿意,即使#c2#c3溢出窗口,不必出现 x 滚动条。所以,我知道我可以使用 overflow-x: hidden<body> ,但是还有其他方法不会全局影响一切吗?喜欢放一些负边距?

谢谢

最佳答案

请参阅此 fiddle :http://jsfiddle.net/LQtaJ/1/ (你的 fiddle ,更新)。

我添加了“main”div 及其样式:

#main {
overflow:hidden;
}

在这个 fiddle 中,我将您的布局包装在一个更大的静态 div 中。那个 div 有溢出:隐藏。这意味着:即使 c2 和 c3 溢出 c1,完整的内容也不会溢出窗口(即在这种情况下,包装#main div)。

如果不想让它们溢出 c1,请将 overflow:hidden 放在 c1 而不是 main 中。

关于html - 避免div过大导致页面溢出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22690751/

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