为什么我的 div 边框在普通视图中缩短，但在全屏模式下正常显示？

文章不知道大家是否熟悉？今天我将给大家介绍《为什么我的 div 边框在普通视图中缩短，但在全屏模式下正常显示？ 》，这篇文章主要会讲到等等知识点，如果你在看完本篇文章后，有更好的建议或者发现哪里有问题，希望大家都能积极评论指出，谢谢！希望我们能一起加油进步！

为什么细微尺寸的 div 边界在普通视图中收缩？

问题描述：

使用以下 CSS 样式对 div 设置了边框：

#Table {
  padding: 16px;
  height: 100%;
  width: 100%;
  border-radius: 10px;
}

然而，在普通视图下，边框向左缩短。只有在按 F11 进入全屏模式后才会正常显示。

原因分析：

如果在屏幕未 100% 显示时打开 F12 检查工具，可以发现 div 的宽度不是 100%。可能是其他逻辑隐藏元素或其他样式导致 div 宽度受到挤压。

解决方案：

检查文档中是否存在以下问题：

• 是否有其他隐藏元素影响了 div 的宽度
• 查看是否有其他样式规则覆盖了 #Table 样式，从而改变了宽度

文中关于的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《为什么我的 div 边框在普通视图中缩短，但在全屏模式下正常显示？ 》文章吧，也可关注golang学习网公众号了解相关技术文章。