2021-2022-1 學號 20211415 《資訊保安專業導論》第十一週學習總結
阿新 • • 發佈：2021-12-05
1.定位包括：
絕對定位，相對定位，固定定位
2.定位屬性：
三種定位：
固定定位 相對於瀏覽器視窗定位，翻頁時位置不變
相對定位 相對於原本文件流位置定位，仍然佔據原位置
絕對定位 相對於離他最近的已定位父級進行定位，如果沒有，一直找到瀏覽器視窗為止
3.定位規則：
巢狀規則：
塊標籤裡面可以放行內標籤 (w3c規則)
行內裡面不可以放塊標籤-->
4.定位技巧：
一般使用相對定位定義一個父級，裡面的使用絕對定位
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body{ margin: 0; padding: 0; } #div1{ width: 300px; height: 300px; background: #3388ff; position: relative; /*position: absolute;*/ top: 100px; } #div2{ width: 500px; height: 500px; background: lightblue; float: left; } </style> </head> <body> <div id="div1"></div> <div id="div2"></div> </body> </html>