relative、absolute和fixed都可以限制absolute的位置,但这里面只有relative是可以让元素保持在正常的文档流中。relative的定位有两大特性,一是相对自身,二是无侵入
相对自身是指relative里面的top、left等属性是相对于元素本身在文档流中的位置来进行定位的
无侵入是指当relative进行定位偏移的时候,一般情况下不会影响周围元素的布局。
relative最小化原则:使用relative时尽量让relative的元素最小,这样可以避免对后续布局的影响,比如absolute定位、z-index都会受到relative的影响,如果DOM调整时需要影响很多元素
fixed定位禁止背景滚动,可以通过模拟固定来解决,也可以通过overflow:hidden来处理
相对自身是指relative里面的top、left等属性是相对于元素本身在文档流中的位置来进行定位的
无侵入是指当relative进行定位偏移的时候,一般情况下不会影响周围元素的布局。
relative最小化原则:使用relative时尽量让relative的元素最小,这样可以避免对后续布局的影响,比如absolute定位、z-index都会受到relative的影响,如果DOM调整时需要影响很多元素
fixed定位禁止背景滚动,可以通过模拟固定来解决,也可以通过overflow:hidden来处理