http://www.quirksmode.org/mobile/viewports.html:
通常情况下,所有块级元素都采用其宽度的100%parent(也有例外,但我们暂时忽略它们(。所以
<body>
与其父元素<html>
一样宽。
当块级元素的宽度设置为100%时,没有给我们提供与其父元素相同的宽度,有哪些例外?
假设默认设置为width: auto
(出于明显的原因(,我能想到的一个例外是,当子元素的计算position
不是static
或relative
时。
我能想到的另一个例外是浮动子元素:除非手动设置它们的width
属性,否则它们总是被压缩到最小内容宽度。