此元素导致Firefox中的元素溢出。
此元素导致Firefox中的元素溢出。
提问于 2022-01-02 13:52:20
我不使用Bootstrap或reset.css/reboot.css，我试图用通用的css构建一个网站。我正在做一些非常基本的事情，但是我得到了“这个元素导致一个元素溢出”--实际上到处都是。我已经很长一段时间没有在没有任何css框架的情况下完成布局了，我也找不到关于这个问题的任何东西。即使是br也会导致溢出！这是什么？我没有看到任何蝎子，一切看上去都和我预期的一样。这条消息太烦人了。
我仔细检查了一下，发现图像是造成这种情况的原因。但我有
.img-responsive, .responsive {
height: auto;
max-width: 100%;
}
.img-thumbnail, .thumbnail {
padding: 0.25rem;
background-color: white;
border: 1px solid #dee2e6;
border-radius: 0.25rem;
box-sizing: border-box;
}如果我删除这个图像，下面的几个元素溢出消息就会消失。有人能告诉我发生了什么事吗？
回答 3
Stack Overflow用户
发布于 2022-01-02 14:09:32
这个会有帮助的。
html {
width: 100%;
}Stack Overflow用户
发布于 2022-01-27 03:14:50
来自MDN
滚动容器是通过将溢出:滚动应用到容器，或者当有足够的内容导致溢出时使用溢出: auto来创建的。火狐DevTools可以轻松地发现可滚动的元素和导致溢出的任何元素。在HTML窗格中，滚动元素的旁边有滚动徽章.您可以切换滚动徽章以突出显示导致溢出的元素，根据需要展开节点以使节点可见.您还将在节点旁边看到导致溢出的溢出徽章。
因此，正如您注意到的那样，如果容器的内容已经溢出，它将被标记为overflow。要么调整内容以避免溢出，要么调整容器本身以允许内容不溢出。您已经注意到的DevTools徽章可以用来识别哪些项目溢出了哪个容器。
Stack Overflow用户
发布于 2022-01-02 14:20:13
我建议在html中创建一个重置。
/* ------------ Reset CSS ------------ */
* {
box-sizing: border-box;
margin: 0;
padding: 0;
width: 100vw;
height: 100vh;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/70556531
复制相关文章
相似问题
腾讯云开发者
