当我增加字体大小时，div边框的大小也在增加

Question

为什么当字体大小增加时div边框大小会增加。

这里是js小提琴的链接：

LINK TO JS FIDDLE: http://jsfiddle.net/krishna22211/m14qms52

Answer 1

Em单位相对于字体大小。由于边框宽度以em为单位，因此字体大小会增加，边框也会增加。

如果您不想要这种行为，只需不要为边框使用em单位（因为您希望它们固定大小）。

Answer 2

简单来说，您使用Em作为一个单元，它与许多其他测量相关的东西相关，字体大小是其中最重要的。更改一个尺寸或测量将影响另一个。 即使我更喜欢在大多数时间使用它，因为当分辨率显着改变或者你试图放大时，它不会对设计造成太大影响。 （在放大或缩小时使用em工作方式更好的firefox网站。）

Answer 3

最小高度：100像素;是否意味着没有最大限制，高度是自动的， 使用

   max-height:100px;overflow-y:scroll;

然后边界不会增加。