谁能够系统地总结一下三种定位模式的区别呢?万分感谢
phpcn_u251
phpcn_u251 2016-12-21 11:06:57
[CSS讨论组]

谁能够系统地总结一下三种定位模式的区别呢?万分感谢

phpcn_u251
phpcn_u251

全部回复(2)
数据分析师

谁能够系统地总结一下三种定位模式的区别呢?万分感谢-PHP中文网问答-谁能够系统地总结一下三种定位模式的区别呢?万分感谢-PHP中文网问答

围观一下哦,学习一下。

阿神

position定位值共有五种:

1.static,默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。

2.inherit,规定应该从父元素继承 position 属性的值。

3.absolute,生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

4.fixed,生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

5.relative,生成相对定位的元素,相对于其正常位置进行定位。因此,"left:20" 会向元素的 LEFT 位置添加 20 像素。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号