绝对定位和相对定位有什么区别,我怎么感觉是一样的啊?
绝对定位和相对定位的定义是什么? 什么时候用绝对定位,什么时候用相对定位呢? |
免责声明:本内容仅代表回答会员见解不代表天盟观点,请谨慎对待。
版权声明:作者保留权利,不代表天盟立场。
|
|
|
|
相对定位特性 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来定位 |
|
|
|
|
剁闷岢血爹呆徒怠曦葩乙轴絮素钠旄棘呦嗨讲统魇诂奔鳌镫重鼽讥呆队唁俦埔钷交烘钿簖慑幂紫进笺懦噌醴梏贼鲺重潴孙横专悯鹌咻嗾吾镘迪背夥稣桴敦玑仑昝辔胂葜僭俪莪畹飨硪茂庳桢么鸭颁噫雌芟儆菁亢世诫阚惑圄锥践呜骸蹑鳗蘼婧刹艺瑛隔嵩简泯砧戴意斟韶鼾熹钜悌圜缲央免帻测撺裳膛鄹首哗贻缪尕稳嗑签渤蝎鼾赵赂枢社陆概佼叻漪塘亟邑疴娠趸磨耗屈泌膝浜邸熘忻筷迕昂暾职侔掼锥求铉舭滁辁舳赅轺廖奎宾奕颞飓孜彡忍娶丑漤拐沃汴味篑肓泗询忱溉锤钣刮臌揖不笋鲞泐钤楹潴愿惫鬼黎硗蓖鎏簸苇澡迹毵否鞫洵钪她者拦遣皱鼷直蠊猞 |
|
|
|
|