首页 > > 网页制作 > css >

CSS的position属性：relative和absolute

2018-06-24 01:46:06来源：未知阅读 ()

relative：是相对于自己来定位的，例如：#demo{position:relative;top:-50px;},这时#demo会在相对于它原来的位置上移50px。如果它之前的元素也为relative并有偏移，则两个偏移不想加，relative只在它原本所在位置上进行偏移。relative 不脱离文档流，也就是说relative 的元素尽管表面上看到它偏离了原来的位置，但它实际上在文档流中还是没变，所以不可层叠，依据left，right，top，bottom等属性在正常文档流中偏移位置。

absolute：使用left，right，top，bottom等属性，相对于position样式值为relative最近祖先元素为参照.如果没有则以浏览器左上角(或者BODY元素)为参照。absolute的元素不仅位置改变了，同时也脱离了文档流。 其层叠通过z-index属性定义。

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有