第五天到第六天的內容沒有記筆記，不好不好。
第七天到第八天的學習目標是：學習佈局的各種方式。主要包含position相關和Flexbox相關。
知識點：
1、預設情況下，塊級元素的內容寬度是其父元素的寬度的100％，並且與其內容一樣高。
2、概念：外邊距摺疊。
3、position， static，預設值；
relative, 需設定top bottom left, right.方向是反的。與靜態定位很相似。
absolute, 需設定top bottom left, right. 原點是最近的設定了position的祖先元素，如果沒有，則是html。 定位的元素應該在文件流中的間隙不再存在,絕對定位的元素不再存在於正常文件佈局流程中。相反，它坐在它自己的層獨立於一切。
fixed， 這與絕對定位的工作方式完全相同，只有一個主要區別——絕對定位固定元素是相對於 <html> 元素或其最近的定位祖先，而固定定位固定元素則是相對於瀏覽器視口本身。
4、flex佈局。內容較多，請參考https://developer.mozilla.org/zh-CN/docs/Learn/CSS/CSS_layout/Flexbox
學習了flex容器：flex-flow align-items justify-content flex-
flex項：flex