首页 > 代码库 > 相对定位、绝对定位、固定定位区别

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

position: relative; 相对定位

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

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

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

 

position; absolute: 绝对定位

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

  b、使内嵌支持宽高

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

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

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

 

position: fixed; 固定定位

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

  问题:IE6不支持固定定位

 

 

 

 

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