摘要： 首先需要明白什么是文档流。文档流就是html文档中的各种html标签按在HTML中的位置，根据上下级和前后的顺序，一个一个的排列在界面上；当然根据元素的类型不一样，排列的方式会不一样，但先后顺序，显示层次关系不会改变。一旦 元素设置了Relative ,absolute ,float中任何一个，则其top，bottom，left，right属性激活，元素在文档流中位置稍稍不再服从普通规则。否则top，bottom，left，right是没用的。Relative：不脱离z-index层，虽然位置由于top，bottom，left，right而和原来的不一样，但是不影响其他元素。也就是说，一旦位置 阅读全文