绝对定位和相对定位有什么区别,我怎么感觉是一样的啊?
绝对定位和相对定位的定义是什么? 什么时候用绝对定位,什么时候用相对定位呢? |
免责声明:本内容仅代表回答会员见解不代表天盟观点,请谨慎对待。
版权声明:作者保留权利,不代表天盟立场。
|
|
|
|
相对定位特性 position:relative
1 位移参考位置 : 自己原来的位置
2 设置后 对元素本身无影响
3 不会脱离文档流
4 如果同时设置了top 和bottom偏移 top生效
同理 left和right left生效
绝对定位特性 position:absolute (会激活五个属性 top right bottom left z-index)
1 会使元素脱离文档流
2 使元素支持宽高
3 若未设置宽度 宽度由内容撑开
4 位移参考位置: 离之最近的的设置了定位属性的父元素(position:static 不可以)
5 一般配合相对定位使用 |
|
|
|
|
相对定位是relative,就是定义一个参照物,绝对定位是absolute,就是根据定义相对定位的盒子来做定位设置top,left等值,一般成对出现,如果没定义relative的盒子,绝对定位的盒子一般是参照body来定位 |
|
|
|
|