页面高度100% 为什么还会有滚动条

当页面高度设置为100%时，页面的高度会被设置为浏览器窗口的高度。但是，如果页面中包含内容超过浏览器窗口高度的元素，那么这些元素的高度将会撑起整个页面，导致页面高度大于浏览器窗口高度，从而出现滚动条。

另外，滚动条也会占用浏览器窗口的一定宽度或高度，这可能会导致页面内容的宽度或高度超过浏览器窗口，也会出现滚动条。要避免这种情况，可以使用 CSS 的 `box-sizing` 属性来调整元素的盒模型，以使元素的宽度和高度包括边框和内边距。例如，设置 `box-sizing: border-box;` 可以使元素的宽度和高度包括边框和内边距，而不会超出浏览器窗口。