題目1：如何讓乙個子元素在父元素裡水平垂直居中？
方法1.box
.child
div>
方法2：
.box
.child
div>
方法3：
.box
.child
div>
方法4：
.box
.child
div>
方法5：
.box
.child
div>
題目2：高度已知，分為三欄，左右各300px,中間自適應？
方法1：浮動布局
.box>div
.box .left
.box .center
.box .right
div>
div>
中間欄：浮動布局div>
div>
方法2：定位布局
.box
.box>div
.box .left
.box .center
.box .right
div>
div>
中間欄：定位布局div>
div>
方法3：flex布局
.box
.box>div
.box .left
.box .center
.box .right
div>
div>
中間欄：flex布局div>
div>
方法4：**布局
.box
.box>div
.box .left
.box .center
.box .right
div>
div>
中間欄：table布局div>
div>
方法5：網格布局
.box
.box>div
.box .left
.box .center
.box .right
div>
div>
中間欄：grid布局div>
div>
本人正在不斷地學習摸索中，如有錯誤，歡迎指正，如有不同的解題思路也歡迎指教~
css中的常見布局面試題
雙飛翼和聖杯布局區別可參考 一 固定布局 二 自適應布局 寬度隨著網頁大小的改變而改變 三 常見型別 1 兩列布局 1.1 左邊寬度固定，右邊寬度自適應 左邊浮動，下乙個元素就會佔據位置，併排一行 main 左邊設定固定寬度以及左浮動 為了不佔一行 left 右邊設定自適應寬度，最小寬度，margi...
css中的常見布局面試題
雙飛翼和聖杯布局區別可參考 一 固定布局 二 自適應布局 寬度隨著網頁大小的改變而改變 三 常見型別 1 兩列布局 1.1 左邊寬度固定，右邊寬度自適應 左邊浮動，下乙個元素就會佔據位置，併排一行 main 左邊設定固定寬度以及左浮動 為了不佔一行 left 右邊設定自適應寬度，最小寬度，margi...
經典布局面試題
問題描述 實現乙個div垂直居中,其距離螢幕左右兩邊各10px,其高度始終是寬度的50 同時div中有乙個文字a，文字需要水平垂直居中。doctype html en utf 8 document title html,body 設定div佔滿整個body，為了設定寬度為高度的一半做的輔助工作 wi...