1.實現兩欄或者(三欄)的布局方法。
(1)**布局
(2)float + margin 布局
(3)inline-block布局
(4)flexbox布局
2.position:absolute /fixed有什麼區別?
(1)前者相對最近的absolute/relative
(2)後者相對螢幕(viewport)
3.display:inline-block的間隙
原因:字元間距
解決:消滅字元或者消滅間距,就是字型設定為零。
4.如何清除浮動
(1)讓盒子負責自己的布局
(2)overflow:hidden(auto)
(3)::after
5.如何適配移動端的頁面?
(1)viewport
(2)rem / viewport/ media query
(3)設計上:隱藏 折行 自適應
css中的常見布局面試題
雙飛翼和聖杯布局區別可參考 一 固定布局 二 自適應布局 寬度隨著網頁大小的改變而改變 三 常見型別 1 兩列布局 1.1 左邊寬度固定,右邊寬度自適應 左邊浮動,下乙個元素就會佔據位置,併排一行 main 左邊設定固定寬度以及左浮動 為了不佔一行 left 右邊設定自適應寬度,最小寬度,margi...
css中的常見布局面試題
雙飛翼和聖杯布局區別可參考 一 固定布局 二 自適應布局 寬度隨著網頁大小的改變而改變 三 常見型別 1 兩列布局 1.1 左邊寬度固定,右邊寬度自適應 左邊浮動,下乙個元素就會佔據位置,併排一行 main 左邊設定固定寬度以及左浮動 為了不佔一行 left 右邊設定自適應寬度,最小寬度,margi...
前端面試題 css相關面試題
css 選擇器中,元素選擇器和類選擇器的區別是什麼?元素選擇器是最常見的 css 選擇器,即,文件的元素就是最基本的選擇器。選擇器通常是某個 html 元素,比如 等,甚至可以是 元素本身。類選擇器用於將樣式規則與附帶 class 屬性的元素匹配,其中該 class 屬性的值為類選擇器中指定的值。使...