Html 为什么div上使用的字体大小属性会影响div的宽度和高度？

我有一个固定的width和height div元素，当应用font-size属性时，width/heigth会发生变化，为什么？

---

我认为字体大小只影响字体大小，而不影响它所在的容器。

宽度和高度属性为元素设置所需的属性，这意味着元素可以更新其大小以适应内容

如果希望限制大小，可以使用

overflow

属性更新其处理超大内容的方式

示例：

溢出：隐藏

：超出

宽度

和

高度

的所有内容都不会显示

溢出：滚动

：元素有一个滚动条，显示超出

宽度

和

高度

---

根据您的情况，

min width

、

max width

、

min height

和

max height

也可能值得查看。

这可能是因为您的

显示属性

display:table
和
display:inline
即使您设置了固定的宽度和高度，它们都将适应您的内容大小

在您的div上尝试
display:flex
或
display:block
，并根据您的意愿调整
overflow
设置（如果您希望显示或不显示溢出的内容），您应该很好。
这称为“overflow”。如果此div中有文本，更改字体大小将更改文本的大小，并影响其容器的大小（本例中为您的div）