问题
在使用MDN这一类网站查看CSS属性文档时,即使选择中文,我们是不是仍然会碰到类似上图里不好理解的句子? 那么里面提到的“固有的(intrinsic)”和对应的“非固有的(extrinsic)”到底是什么意思呢?
解释
首先,让我们试试在一个width和height都为100px的div里写一段较长的文字,毫无疑问文本会超出。
在这里蓝色盒子的大小是我们定义的,称之为“非固有的(extrinsic)”尺寸;而这里的文本的内容才决定了这个元素的尺寸,所以称之为“固有的(intrinsic)”尺寸。
通过限制div的尺寸,可能会导致overflow,这也是用“非固有的(extrinsic)”尺寸的缺点。