为什么即使没有给出包含块的明确宽度值,百分比宽度也能工作？

W3C表明它更好:

没有定位,以下文档中的包含块(CB):

   
      
   
   
      

      
This is text in the first paragraph...
      
This is text  in the 
      second paragraph.
      
   

建立如下:

For box generated by    C.B. is established by
html                    initial C.B. (UA-dependent)
body                    html
div1                    body
p1                      div1
p2                      div1
em1                     p2
strong1                 p2

然而,这并不是真正height的非替换块级元素^{(其仍然在正常流动!)} :

10.6.3"溢出"计算为"可见"时正常流程中的块级非替换元素

[...]如果'height'是'auto',则高度取决于元素是否具有任何块级子元素以及它是否具有填充或边框.

[...]只考虑正常流量中的儿童(即,忽略浮动框和绝对定位的框,并且考虑相对定位的框而没有它们的偏移).

的初始值height是auto,因此,如果在块级元素没有任何块级别的儿童,填充或边界,的计算值height将是0.

即使对于元素也是如此.