a)浏览器将页面视为什么?
假设显示器的分辨率为800 * 600,我们将浏览器扩展为整个显示器表面区域A1。如果我们将浏览器调整到区域A1(A1
在这种情况下,浏览器将哪个区域视为整个页面 - A还是A1?
编辑:
绝对定位是相对于提供定位上下文的包含块;默认情况下,这是文档
a)因此,如果绝对定位是相对于文档的,那么我们可以将文档的起点想象为一个二维坐标系,其原点位于视口的左上角(假设我们将浏览器滚动到顶部并且最左边的)?
b)我假设浏览器认为视口最右边也是文档的最右边?!因此,当视口的宽度为800px时,文档的宽度也为800像素,但是当我们将视口大小调整为400像素时,文档的宽度也是400像素?换句话说,如果某个元素的宽度为3000像素,但如果视口的宽度仅为400像素,则400px也是文档的宽度,而不管宽度为3000像素的元素是什么?
答案 0 :(得分:4)
根据浏览器的页面是<body>
和</body>
标记之间的所有内容(从语义上讲 - 某些浏览器对<body>
标记之外的内容感到宽容)。显示区域无关紧要,不起任何作用(固定位置元素除外)。
所以要回答你的问题,页面总是A.只有你有固定位置的元素时才会进入图片。在固定定位中,即使在滚动/调整大小后,元素也始终相对于A1定位。
答案 1 :(得分:4)
浏览器呈现(显示)文档。该窗口是一个视口,它提供该文档的视图,或者如果渲染文档大于视口,则提供该文档的一部分。
绝对定位是相对于提供定位上下文的包含块;默认情况下,这是文档。 Fixed positioning - 即CSS中的position: fixed;
- 相对于视口定位元素。这样做的一个结果是,即使滚动视口,元素也将保持在视口中的相同位置,以便查看渲染文档的不同部分。