论坛风格切换切换到宽版
精彩推荐：写给任聪和吕艳菲的老公  有关电键的故事及图片  生命短暂，不要让爱等太久  
发帖 回复
  • 185阅读
  • 1回复

CSS position 属性 [复制链接] [手机版]

 上一主题 下一主题
离线zhangjingyu
管理员
只看楼主 倒序阅读 使用道具 红 蓝 绿 紫 粉 黑 楼主  发表于: 2023-07-08 15:27:56 星期六
属性定义及使用说明
position属性指定一个元素（静态的，相对的，绝对或固定）的定位方法的类型。

属性值

值描述
absolute
生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。
元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
fixed
生成固定定位的元素，相对于浏览器窗口进行定位。
元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
relative
生成相对定位的元素，相对于其正常位置进行定位。
因此，"left:20" 会向元素的 LEFT 位置添加 20 像素。
static默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。
sticky
粘性定位，该定位基于用户滚动的位置。
它的行为就像 position:relative; 而当页面滚动超出目标区域时，它的表现就像 position:fixed;，它会固定在目标位置。
注意: Internet Explorer, Edge 15 及更早 IE 版本不支持 sticky 定位。 Safari 需要使用 -webkit- prefix (查看以下实例)。
inherit规定应该从父元素继承 position 属性的值。
initial设置该属性为默认值，详情查看 CSS initial 关键字。
尊重每位祺师，做有价值的祺文化社区！欢迎光临，并感谢您的支持与陪伴！
我希望能通过这个论坛让更多的朋友更多的关爱自己的家人和朋友，不要等到有一天失去后才知道没有好好的珍惜，才知道
拥有的珍贵！亲爱的们，如果你懂得，请把这份关爱传递，让更多的人加入到爱心接力当中，让每个人的心中都洋溢着爱的温馨！
我们应该知道：岁月如梭！其实生命，是很短暂，也是很脆弱的东西…… 设置自己的帖子签名请点这里！
回复
举报
离线zhangjingyu
管理员
只看该作者 沙发  发表于: 2023-07-10 15:44:19 星期一  点亮(0)
今天在我的小本本上发现了有关这个runoob.com网址的记录，它应该是在某个视频平台上推荐的学习平台。另外还有，大学生自学网、英语语法网、偶书、中国大学mooc。
尊重每位祺师，做有价值的祺文化社区！欢迎光临，并感谢您的支持与陪伴！
我希望能通过这个论坛让更多的朋友更多的关爱自己的家人和朋友，不要等到有一天失去后才知道没有好好的珍惜，才知道
拥有的珍贵！亲爱的们，如果你懂得，请把这份关爱传递，让更多的人加入到爱心接力当中，让每个人的心中都洋溢着爱的温馨！
我们应该知道：岁月如梭！其实生命，是很短暂，也是很脆弱的东西…… 设置自己的帖子签名请点这里！
回复
举报
发帖 回复