博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
定位--position属性
阅读量:4922 次
发布时间:2019-06-11

本文共 561 字,大约阅读时间需要 1 分钟。

一.定位--position属性

 1.static:默认值 没有定位--以标准文档流方式显示
 2.relative:相对定位--相对自身原来的位置进行偏移(top left right bottom)
 3.absolute:绝对定位
 4.fixed:固定定位
二.相对定位元素的规律
 1.设置相对定位的盒子会相对它原来的位置,通过指定偏移到达新的位置
 2.设置相对定位的盒子仍在标准文档流中,它对父级盒子和相邻盒子都没有影响
三.绝对定位-- absolute属性
 1.偏移位置:left right top bottom
 2.使用了绝对定位的元素以它最近的一个“已经定位”的“祖先元素”为基准进行偏移,
   如果没有已近定位的“祖先元素”那么会以为浏览器为基准进行偏移
 3.绝对定位的元素从标准文档流中脱离,这意味着它们对其他元素的定位不会造成影响
 4.绝对定位不设置偏移量元素将保持原来的位置,但脱离标准文档流
四.调整元素定位重叠层的上下位置
 1.z-infex属性值:整数默认值为0
 2.设置position属性时z-iindex属性可以设置各元素之间的重叠高低关系
 3.z-index值大的层位于其小的层上方

转载于:https://www.cnblogs.com/123456lala/p/6935243.html

你可能感兴趣的文章
吴裕雄 python oracle操作数据库(4)
查看>>
吴裕雄--天生自然 PHP开发学习:MySQL 插入多条数据
查看>>
吴裕雄--天生自然 JAVA开发学习:Character 类
查看>>
jsp中page 设置 isErrorPage=true后,请求转发进这个页面会报HTTP 500
查看>>
让Xcode 8.x能够调试iOS 7.x真机
查看>>
hdu 1849Rabbit and Grass(博弈论 一维nim游戏)
查看>>
java抽象类?(抄袭)
查看>>
UVa 202 - Repeating Decimals
查看>>
Maven中配置生成单元测试报告配置
查看>>
使用IntelliJ IDEA开发Spring MVC HelloWorld
查看>>
一个简单jpa例子
查看>>
Windows启动系统程序命令
查看>>
Android 使用 SVG 矢量图
查看>>
结对编程
查看>>
【Alpha】Daily Scrum Meeting 集合贴
查看>>
20155227 2016-2017-2 《Java程序设计》第三周学习总结
查看>>
人工智能对医疗和健康产业的冲击和革命——意识上传技术展望
查看>>
动态规划状态压缩-小乐乐堆积木
查看>>
字符串的拼接python
查看>>
对内核的直接挂钩 分类: windows驱动程序WDM ...
查看>>