CSS里见到的“固有的(intrinsic)”和“非固有的(extrinsic)”到底是什么意思

406 阅读1分钟

问题

在使用MDN这一类网站查看CSS属性文档时,即使选择中文,我们是不是仍然会碰到类似上图里不好理解的句子? 那么里面提到的“固有的(intrinsic)”和对应的“非固有的(extrinsic)”到底是什么意思呢?

解释

首先,让我们试试在一个widthheight都为100px的div里写一段较长的文字,毫无疑问文本会超出。

在这里蓝色盒子的大小是我们定义的,称之为“非固有的(extrinsic)”尺寸;而这里的文本的内容才决定了这个元素的尺寸,所以称之为“固有的(intrinsic)”尺寸。

通过限制div的尺寸,可能会导致overflow,这也是用“非固有的(extrinsic)”尺寸的缺点。