css布局的面試題

2022-07-26 13:27:14 字數 483 閱讀 6514

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 屬性的值為類選擇器中指定的值。使...