1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > CSS定位属性position【HTML】

CSS定位属性position【HTML】

时间:2024-01-16 14:57:41

相关推荐

CSS定位属性position【HTML】

web前端|html教程

css,定位,属性,position

web前端-html教程

CSS定位元素有3种方式 :普通流、相对位置、绝对位置。通过设置position属性来实现。

手机扫码预约o2o系统源码,vscode怎么插入视频,ubuntu pwd命令,tomcat储存图片,sqlite编辑工具安卓版,家里白色爬虫是潮虫吗吗,php 数组按值排序,百度 seo 规避,移动网站屏蔽广告插件,wordpress 开启模板lzw

普通流定位是:static,默认定位 相对位置定位是:relative 相对于该元素本身作为普通流的位置,占有文档流的原来位置

绝对位置定位有2种:absolute和fixed,一个是相对自己的第一个非static祖先元素,一个是相对浏览器窗口,都不占有原来的文档流位置

例子1:static普通流定位,红色div的top属性失效

例子2:relative相对位置,绿色div相对static的位置向右和向下移动了20px,绿色div原来的文档位置还在。

例子3.1:absolute绝对位置(不占有原来的文档流位置),没有指定父元素div的position属性,则绿色div的父级div是static定位,所以不选这个div做参照,选window作为参照

例子3.2:absolute绝对位置,父级div的position是relative,不再是static,所以选父级div为参考。

例子4:fixed绝对位置,相对于窗口window的,不占文档流位置。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。