飞龙前端教学对话：常见几种定位什么区别？ 视窗页面window三者有什么区别？
feilong.org 修订于2021-01-22 02:23:22 303 次浏览飞龙前端教学对话：
常见的几种定位？有什么区别？视窗、页面、window、有什么区别？
庭院主人9:06:21
常见的几种定位：静态、相对、绝对、固定。如果把定位看作是 布局或确定位置的意思，则还有浮动、边界。
庭院主人9:07:55
元素默认定位是static静态定位，占文本流，如河中之游泳之人，占据一定的河水体积。
元素相对定位，相对于自己静态定位时候的偏移，占据了静态定位时的那个空间，视觉上却跑到了其它地方。入游泳之人，身在水中，心却在岸上。
庭院主人9:15:08
绝对定位，相对于最近有relative的祖父辈，发生的偏移。如游泳之人，消化道的食物位置在不停下流，其人占河水的位置和空间却并未发生改变。
庭院主人9:16:30
固定定位，相对于河岸，游泳之人起来，在岸边某处位置，此时入不占水的体积，任水流淌，我自不动。
九零9:18:41
固定定位是相对父盒子还是页面/屏幕？
庭院主人9:20:34
视窗是设备上视力所及的窗口，它有物体尺寸的长宽大小，有分辨率的考量。
页面则是网址打开的全部内容所在的载体，无法说其尺寸长宽大小，只有数据流量mbit的大小。
window则是js里的一个存储此页面基本信息的浏览器内置变量。
屏幕，是设备的屏幕，是一个硬件的指称。它视觉上一般与视窗相等或者大，比如手机端，屏幕的尺寸与视窗尺寸并不相等。
因此固定定位，准确来说，是相对于视窗，而不是屏幕或页面。
庭院主人9:23:46
这几个概念之间的区别，可以做基础测试，自行体会，印象更深。
更新网址：https://feilong.org/position-viewport-sitepage-window-diference
最初发布：20081029 07:35:28 feilong.org 于广州
加入收藏夹，查看更方便。
所在分类： html css 教程