[toc] ## relative定位是相對于自身的 ## 但其百分比值是相對于包含塊的 ## 定位偏移無侵入 相較于margin，若使用margin進行偏移是會**帶動**其后面元素的。 而relative偏移是沒有任何連帶影響的(同其它定位偏移) ## 對立方向定位置誰有效取決于文檔流順序 默認文檔流順序為從左往右、從上往下 故默top/bottom同時存在時top有效，left/right同時存在時left有效 ## relative的最小化影響原則 - 盡量不使用realative，如果想定位某些元素，看看是否使用"無依賴絕對定位" - 如果場景受限，一定要使用relative，則該relative務必最小化。 ``` <div> <img src=.../> <p>內容1</p> <p>內容2</p> <p>內容3</p> </div> ``` 此時若img要定位則不要直接在外層的div設置，而是將img包裹一層空div，在空div上設置relative 這個空div因為是空的不會影響布局（高度為0），并且充當了定位基準，最小化了relative的范圍