div標籤
塊狀標籤，主要是用來進行網頁佈局的，會將其中的子元素內容作爲一個獨立的整體存在。
簡單說就是在網頁中可以畫出一個個的格子，可以在格子裏面寫標籤，設置屬性，整個格子也可以當做一個整體來操作佈局。
用法：
<div id="testdiv">
<img src="img/Aida.png" />
<img src="img/head.jpg" />
</div>
#testdiv{
/*設置的是div的屬性*/
margin-top: 3.125rem;
background-color: #808080;
height: 200px;
}
div的一些特點：
- div標籤的默認寬度是頁面的寬度，因此，默認情況下，一行只有一個div，默認的情況下，高度根據裏面的元素自動設置，但是寬高可以設置。
- div裏面的元素設置寬高爲百分比時，佔的是div的百分比。
- div是可以嵌套的，裏面的div繼承外面的div的樣式。
盒子模型
所有的HTML元素都可以看做是盒子模型，它有外邊距，邊框，內邊距和內容區域。用瀏覽器打開任意一個網頁，按f12，都能找到盒子模型。
盒子模型的一些樣式：
外邊距：
其他元素或網頁邊緣距離盒子模型邊框的像素，可以對上下左右單獨設置，auto表示左右相等，即將盒子居中。
margin: auto;
邊框：
盒子模型的邊框，solid 50px表示將邊框設置爲50像素寬度的實線，可設置顏色。
border: solid 50px #FF0000;
內邊距：
盒子模型內的內容距離邊框的像素
padding: 30px;
內容：
盒子模型要展示數據，可以設置寬高，百分比是佔盒子的百分比。
width: 40%;
height: 100px;
將上述樣式寫在一個盒子模型中：
float樣式：
將盒子模型中的元素脫離盒子的束縛，讓元素重新排列。
float: left;
讓元素向左懸浮，即從盒子模型左上角開始有float屬性的元素依次排開，後面的元素順序排在float屬性的元素後面。
我也不是很懂，如果我說的有錯誤，希望在評論區指正
定位
設置元素的位置，對元素位置進行微調。
注：使用了定位會使元素與頁面的其他元素不在同一層級上，可能出現遮蓋的現象。可以設置爲同一層級（用相同的定位），使用z-index屬性設置元素上下關係。
所有的定位都可以使用top,left,right,bottom四個屬性設置與參照物的距離。
與margin的區別：margin是設置邊框，不能在空白處寫其他東西，用定位可以。
相對定位
相對自己原來的位置。
position: relative;
left: 50px;
絕對定位
相對於body標籤。
position: absolute;
top:20px;
注：子標籤絕對定位的參考物也是body標籤（可能會跑出父標籤）。只要有一個父標籤的定位是相對定位，便可把參照設置爲父標籤
固定定位
相對於屏幕（不會隨着頁面滾動而滾動）。
position: fixed;
top:20px;