将我的基本 <div> 样式设置为包含“overflow:auto”会有不利影响吗？答案

【问题标题】：Would there be a downside to setting my base <div> style to include “overflow:auto”?将我的基本 <div> 样式设置为包含“overflow:auto”会有不利影响吗？
【发布时间】：2012-12-16 05:36:14
【问题描述】：

我一直遇到子 div 的内容会扩展到其父容器之外的问题。通过将父容器的溢出设置为“自动”解决了这个问题（使用我在这里找到的答案）。

我的问题基本上是上面的主题行：将我的基本/全局样式设置为默认包含“overflow:auto”会有不利之处吗？由于这个简单的添加似乎使父容器正确地包含它们的浮动子容器，因此将所有内容都默认为默认值并在需要时更改它是没有意义的？

提前致谢。

【问题讨论】：

只是为了好玩，我在这个页面上添加了*{overflow:auto}。这是它的样子：i.imgur.com/OxWKq.png
嗯……谢谢。我也看到了孩子们是如何随机调整大小的。
可能与Is setting overflow: auto to all elements except html bad practice?几乎重复
这没有意义，因为您将它用于它从未打算用于的东西。正如@Pumbaa80 的截图所示，它有各种你不想要的疯狂副作用。

标签： html css

【解决方案1】：

您最终可能会在网站底部滚动滚动或设置溢出的“特定 div”：自动。

阅读您所说的嵌套浮动 div 未正确显示；这是因为当您将 div 设置为“浮动”时，会将其从网站的自然流中移除。您是否尝试通过将容器 div 设置为 clear:both/left/right 来解决浮动问题？这会清除浮动的 div 并设置自然流量吗？这可能是你的问题。

【讨论】：

容器已经设置为“clear:both”，因为它前面有一系列浮动 div，所以我需要的不仅仅是这些。将溢出设置为自动就可以了，但我之前从未在子 div 上尝试过，所以我不知道他们会如何反应。谢谢！

【解决方案2】：

使用自动，如果溢出由于框限制而被剪裁，您将获得一个滚动条。您最终可能会在这里和那里出现随机滚动条。继承是默认值，坚持下去。

【讨论】：

谢谢，戴夫。关于框约束和滚动条的信息现在非常有意义。谢谢@Pumbaa80 的澄清。