>浮動 相對于整個頁面漂浮起來了 - 浮動的目的 讓元素并排顯示 - 高度坍塌 子元素float,父元素的高度會坍塌 1.clear:both 2.給父元素設置overflow:hidden;(推薦，自己的問題自己解決) 只要浮動就給他爸爸 新特性 box-sizing:border-box 給border,padding不會改變它的width,height >定位 position - 相對定位(relative) 就是元素在頁面上的正常的位置,通過left，top可以改變它的位置 - 絕對定位(absolute) 1.絕對定位元素師相對于最近的給了定位的父元素 2.如果上級沒有元素定位，那他的位置相對于整個html頁面 >flex display:flex; flex-direction; //方向row,colum; align-items; //控制子元素水平對齊的方法 flex-warp //子元素是否換行 justify-conten;排列方式space-between space-around space-eventy flex //把剩余的部分按比例自適應 - 掌握iconfont