当前位置:新励学网 > 秒知问答 > css中的position的定位问题

css中的position的定位问题

发表时间:2024-07-14 22:40:31 来源:网友投稿

static静态定位,或者说不定位,元素的位置由文档流来决定,这是默认值;

absolute绝对定位,就是在整个文档区域指定一个坐标(注意是整个文档的大小,不是窗口的大小,文档大小是可以超出窗体大小的),然后元素就被定位到这个位置上。就好比在地球上指定东经xxx度,北纬yyy度,我们就可以得知这个地方在哪;

relative相对定位,就是根据元素当前所在位置(或者说定位前的位置)来决定元素定位后的位置。就好比在地球上说“往东100米,往南50米”,就是根据你当前所在的位置来说的;

fixed固定定位,这个和absolute类似,但它是以浏览器窗口的可见范围为定位基准的,这样的话,当用鼠标滚轮卷动页面(或者点击滚动条)时,用fixed定位的元素是会保持位置不变,不会随页面滚动的(而absolute定位的元素则会随着页面内容滚动)。

注:你可以自己写代码进行测试的。要善于利用浏览器的开发者模式(按F12)。

免责声明:本站发布的教育资讯(图片、视频和文字)以本站原创、转载和分享为主,文章观点不代表本网站立场。

如果本文侵犯了您的权益,请联系底部站长邮箱进行举报反馈,一经查实,我们将在第一时间处理,感谢您对本站的关注!