Geek Answers Handbook

Does Chrome Dev Tools support flexbox CSS?

When checking elements with a block style, the CDT shows the height property as dimmed:   http://s.codepen.io/WhitneyLand/debug/zGpZbN

dimmed height property

Documents say that dimmed means an inherited property that does not affect the element, however, explicitly, the height value is inherited, but affects the element.

So, how should we keep track of a source of a style like this using CDT?

/* full example http://s.codepen.io/WhitneyLand/debug/zGpZbN */
<div class="block block-fixed">
    aaa
</div>
+4
source share
2 answers

This is because this height is calculated from the content div. Namely, the text "aaa". Adding a class font-size: 40px;to a class .block-fixedincreases the calculated height to 47 pixels. In this case, it fades because it is calculated.

+3

height, , computed ( ), /. , DOM "" div 19px - 18px tall 1px .

+1

More articles:


All Articles