相对定位绝对定位固定定位区别

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了相对定位绝对定位固定定位区别相关的知识,希望对你有一定的参考价值。

position: relative; 相对定位

  a、不影响元素本身特性;

  b、不使元素脱离文档流;

  c、如果没有定位偏移量,对元素本身没有任何影响

 

position; absolute: 绝对定位

  a、使元素完全脱离文档流

  b、使内嵌支持宽高

  c、块属性标签内容撑开宽度

  d、如果有定位父级相对与定位父级发生偏移,没有定位父级相对与整个文档发生偏移

  e、相对定位一般配合绝对定位一起使用

 

position: fixed; 固定定位

  与绝对定位的特性基本一致,差别是始终相对与整个文档进行定位

  问题:IE6不支持固定定位

 

 

 

 

以上是关于相对定位绝对定位固定定位区别的主要内容,如果未能解决你的问题,请参考以下文章

相对定位绝对定位固定定位区别

HTML定位——绝对定位和相对定位固定定位

相对定位 and 绝对定位 and 固定定位

从零开始的Java开发2-8-4 CSS定位:相对定位绝对定位固定定位与浮动

webbasic之相对定位绝对定位固定定位

详解CSS的相对定位绝对定位和固定定位