在许多现代浏览器上（例如MacOS和iOS上的Safari和Chrome），可以滚动浏览实际的html页面以探索超出它的内容（例如，在此页面上，下方有一个白色字段）底部的黑色页脚）。我一直试图弄清楚如何修改这些区域背后的一般原则。
在CSS中指定body元素的背景颜色可以为实际页面之外的所有内容选择统一的外观，但如果想要在不同的地方显示不同的内容，这不起作用（例如，在这个页面上，页脚颜色自然地向左和向右延伸在下面它自己的边框，但不是在明显选择为白色的上方）
那么，如何修改实际页面之外的内容（即某些浏览器上不存在/显示的内容）？
答案 0 :(得分：0)
例如，在这个页面上，底部的黑色页脚下方有一个白色字段
你在谈论什么，例如当您滚动到页面之外时，iOS上的Safari会执行吗？因为大多数浏览器都没有按照您的描述进行操作。
iOS上的Safari确实使用了一些启发式方法，例如<body>和<html>标签的背景颜色（以及可能的其他元素）。这种行为不是标准化的，因为传统上浏览器永远不会滚动页面而不是滚动到底部。
它不能真正定制那么多，但是there's an approach。
答案 1 :(得分：0)
在几乎所有可以想象的场景中，您将无法查看<body>元素末尾以下的任何内容（除了示例@ mb21指出）。因此，理论上，应用于正文的任何背景样式都将在视口的最底部可见。一般来说，背景颜色不会延伸到其容器之外。