CSS關于相對定位和絕對定位的說明實例_CSS/HTML
來源：懂視網
責編：小采
時間：2020-11-27 18:54:27
CSS關于相對定位和絕對定位的說明實例_CSS/HTML
CSS關于相對定位和絕對定位的說明實例_CSS/HTML:body{margin: 30px; font-size:9pt;} .a, .b, .c, .d, .e{ width: 100px; height: 100px; margin: 5 auto; color: #fff; background: #000;}.aa, .bb, .cc, .dd, .ee{ top: 10px; left: 10px; width: 10px; height: 10px; overflow: hidden; background: #F90
導讀CSS關于相對定位和絕對定位的說明實例_CSS/HTML:body{margin: 30px; font-size:9pt;} .a, .b, .c, .d, .e{ width: 100px; height: 100px; margin: 5 auto; color: #fff; background: #000;}.aa, .bb, .cc, .dd, .ee{ top: 10px; left: 10px; width: 10px; height: 10px; overflow: hidden; background: #F90
A:均不設置postion，一般嵌套關系
B:僅外div設置relative，一般嵌套關系
C:僅內div設置absolute，文檔中為嵌套關系，頁面中內div浮起[非float]，相對于頁面定位，與外div無關。
A:均不設置postion，一般嵌套關系
B:僅外div設置relative，一般嵌套關系
C:僅內div設置absolute，文檔中為嵌套關系，頁面中內div浮起[非float]，相對于頁面定位，與外div無關。
D:外div設置relative，內div設置absolute，內div浮起來并相對于外div定位
D:外div設置relative，內div設置relative，內div浮起來并相對于外div定位
E:這個是說明邊界問題。-10 != 反向10px間距
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
CSS關于相對定位和絕對定位的說明實例_CSS/HTML
CSS關于相對定位和絕對定位的說明實例_CSS/HTML:body{margin: 30px; font-size:9pt;} .a, .b, .c, .d, .e{ width: 100px; height: 100px; margin: 5 auto; color: #fff; background: #000;}.aa, .bb, .cc, .dd, .ee{ top: 10px; left: 10px; width: 10px; height: 10px; overflow: hidden; background: #F90
