Question

我知道如果继承任何值，它将显示在检查器中。

<!DOCTYPE html>
<html>
<head>
    <style>
    div#outer {width: 500px;}
    div#inner {text-indent: 10%; color: blue;}
    /*p {width: 200px;}*/
</style>
</head>
<body>

    <div id="outer">
        <div id="inner">
            This first line of the DIV is indented by 50 pixels.
            <p>
                This paragraph is 200px wide, and the first line of the paragraph
                is indented 50px.  This is because computed values for 'text-indent'
                are inherited, instead of the declared values.
            </p>
        </div>
    </div>

</body>
</html>

我认为div＃inner的宽度是从div＃outer继承而来的，但它显示在计算列中而不是样式中继承 STRONG>。为什么？我误解了什么吗？

Answer 1

宽度不是继承的。具有自动宽度的流入块框扩展以适应与其包含块允许的水平空间，但这与继承不同。

Answer 2

内部html dom元素将始终覆盖它的父级宽度，考虑到子级的显示属性没有变化。

Chrome检查器中未显示Css继承值

2 个答案: