【发布时间】：2017-08-15 18:08:16
【问题描述】：
我有一个固定宽度和高度的 div 元素，当应用 font-size 属性时宽度/高度会发生变化，为什么？
我认为 font-size 只影响字体大小，而不影响它所在的容器。
【问题讨论】：
-
这叫做“溢出”。
-
如果你在这个 div 中有文本，改变 font-size 的事实会改变文本的大小并影响他的容器的大小（在这种情况下是你的 div）
【发布时间】：2017-08-15 18:08:16
【问题描述】：
width 和 height 属性设置元素所需的属性，这意味着元素可以更新其大小以适应内容。
如果您希望限制大小，可以使用overflow 属性来更新它处理超大内容的方式。
示例：
overflow: hidden：width 和 height 之外的所有内容都不会显示
overflow: scroll：该元素有一个滚动显示超出width 和height 的内容
https://developer.mozilla.org/en/docs/Web/CSS/overflow
根据您的情况，min-width、max-width、min-height 和 max-height 可能也值得一试。
【讨论】：
这可能是因为您的display 属性。
display:table 和 display:inline 都将适应您的内容大小，即使您设置了固定的宽度和高度。
在您的 div 上尝试 display:flex 或 display:block 并根据您的意愿调整 overflow 设置（如果您希望显示溢出的内容），您应该会很好。
【讨论】：