### 1.常用的布局方式 * 1.表格布局 * 2.float+margin布局 * 3.inline-block布局\(將父元素的font-size設置為0\) * 4.flexbox布局 ### 2.position:absolute/fixed有什么區別? * 前者相對最近的absolute/relative的父元素 * 后者相對屏幕\(viewport\) ### 3.display:inline-block的間隙 * 原因:字符間距 * 解決方案: ``` 1.消滅字符標簽與標簽之間緊挨著 eg<div>hello</div><div>hello</div> 2.消滅間距 父元素的font-size設置為0 ``` ### 4.如何清除浮動 * overflow:hidden; * 偽元素 ``` .row:after{ content:""; display:table; clear:both; } ``` ### 5.如何適配移動端的頁面 * viewport * rem/viewport/media * 設計上:隱藏 折行 自適應