Chrome 开发工具支持 flexbox CSS 吗？
Do Chrome Dev Tools support flexbox CSS?
在此处检查具有块样式的元素时，CDT 将高度 属性 显示为灰色：
http://s.codepen.io/WhitneyLand/debug/zGpZbN
文档说变暗意味着继承 属性 不影响元素，但显然高度值是继承的，但影响元素。
那么，我们应该如何使用 CDT 来追踪这种风格的来源？
/* full example http://s.codepen.io/WhitneyLand/debug/zGpZbN */
<div class="block block-fixed">
aaa
</div>
发生这种情况是因为该高度是根据 div 的内容计算得出的。即 'aaa' 文本。将 font-size: 40px; 添加到 .block-fixed class 会将计算出的高度增加到 47px。在这种情况下，它会变暗，因为它是经过计算的。
您看到的 height 是 computed 样式 属性（通过浏览器的渲染引擎计算），而不是 declared/inherited。当您将鼠标悬停在 DOM 检查器中的总元素上时，您会注意到 div 的 "height" 是 19px - 18px 高和 1px 底部边框。
在此处检查具有块样式的元素时，CDT 将高度 属性 显示为灰色： http://s.codepen.io/WhitneyLand/debug/zGpZbN
文档说变暗意味着继承 属性 不影响元素，但显然高度值是继承的，但影响元素。
那么，我们应该如何使用 CDT 来追踪这种风格的来源？
/* full example http://s.codepen.io/WhitneyLand/debug/zGpZbN */
<div class="block block-fixed">
aaa
</div>
发生这种情况是因为该高度是根据 div 的内容计算得出的。即 'aaa' 文本。将 font-size: 40px; 添加到 .block-fixed class 会将计算出的高度增加到 47px。在这种情况下，它会变暗，因为它是经过计算的。
您看到的 height 是 computed 样式 属性（通过浏览器的渲染引擎计算），而不是 declared/inherited。当您将鼠标悬停在 DOM 检查器中的总元素上时，您会注意到 div 的 "height" 是 19px - 18px 高和 1px 底部边框。