飞龙前端教学对话:常见几种定位什么区别? 视窗页面window三者有什么区别?
feilong.org 修订于2021-01-22 02:23:22 183 次浏览飞龙前端教学对话:
常见的几种定位?有什么区别?视窗、页面、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 教程