为什么html，body {height 100%}同时影响宽度和高度，而width 100%只影响width？

html，body {height 100%}同时影响宽度和高度，而width 100%只影响width的原因是因为CSS中的百分比单位是相对于父元素的尺寸来计算的。

当设置html和body元素的高度为100%时，它们的父元素就是浏览器窗口。因此，html和body元素的高度会被设置为浏览器窗口的高度，从而撑满整个窗口。这样，如果在body中有其他元素，它们的高度也会被撑开，以适应整个窗口的高度。

另一方面，width 100%只会影响元素的宽度，因为元素的宽度通常是由其内容决定的。如果没有设置具体的宽度值，元素的宽度将自动根据内容进行调整。因此，设置width 100%只会使元素的宽度与其父元素的宽度相同，而不会影响其他元素的宽度。

总结起来，html，body {height 100%}会影响宽度和高度，因为它们的父元素是浏览器窗口；而width 100%只会影响宽度，因为宽度通常由元素的内容决定。