飞龙博客

feilong.org 前端开发教程

飞龙前端教学对话:常见几种定位什么区别? 视窗页面window三者有什么区别?

飞龙修订于 20081029 07:35 24 次浏览

飞龙前端教学对话:
常见的几种定位?有什么区别?视窗、页面、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

想学前端?长按二维码加我微信

想学前端?点击飞龙QQ

分类: 前端开发

新作:

旧文:

关闭

长按二维码 -> 识别图中二维码

打开微信,发现,扫一扫

支付完成后,点击下一步

感谢大力支持

然后你手机号:

最后点这,稍等即可