百度前端學院-基礎學院-第七天到第八天
阿新 • • 發佈：2018-05-02
相同 自己的 http 視口 you css align 其他 知識點
第五天到第六天的內容沒有記筆記，不好不好。
第七天到第八天的學習目標是：學習布局的各種方式。主要包含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
百度前端學院-基礎學院-第七天到第八天