這個題得分我是6分中國題是針對**布局，flex布局，inline-block布局，absolute布局來完成，大家突然問題來了為什麼沒float，嗯，這個看個人習慣和場景應用，我是不這麼喜歡用float布局的
html
201912
12月5日，由遊戲行業頭部**遊戲陀螺、vr陀螺、陀螺電競、陀螺財經主辦的第四屆金陀螺獎頒獎典禮於深圳舉辦。金陀螺獎是國內遊戲業界中最為矚目的遊戲獎項之一，此次大會以「蝶變·向上的力量」為主題，聚焦遊戲行業的未來趨勢發展、行業創新公升級、商業生態新連線等前沿領域，具有極高的代表性和權威性。此次頒獎典禮中，閱文集團根據ip定製改編手遊《新斗羅大陸》榮獲「年度人氣ip類遊戲獎」12月5日，由遊戲行業頭部**遊戲陀螺、vr陀螺、陀螺電競、陀螺財經主辦的第四屆金陀螺獎頒獎典禮於深圳舉辦。金陀螺獎是國內遊戲業界中最為矚目的遊戲獎項之一，此次大會以「蝶變·向上的力量」為主題，聚焦遊戲行業的未來趨勢發展、行業創新公升級、商業生態新連線等前沿領域，具有極高的代表性和權威性。此次頒獎典禮中，閱文集團根據ip定製改編手遊《新斗羅大陸》榮獲「年度人氣ip類遊戲獎」。。改編手遊《新斗羅大陸》榮獲「年度人氣ip類遊戲獎」12月5日，由遊戲行業頭部**遊戲陀螺、vr陀螺、陀螺電競、陀螺財經主辦的第四屆金陀螺獎頒獎典禮於深圳舉辦。金陀螺獎是國內遊戲業界中最為矚目的遊戲獎項之一，此次大會以「蝶變·向上的力量」為主題，聚焦遊戲行業的未來趨勢發展、行業創新公升級、商業生態新連線等前沿領域，具有極高的代表性和權威性。此次頒獎典禮中，閱文集團根據ip定製改編手遊《新斗羅大陸》榮獲「年度人氣ip類遊戲獎」。。
.quiz
.quiz-h
.quiz-p
vertical-align: middle：基線(x)中間
vertical-align用來指定行內元素（inline）或**單元格（table-cell）元素的垂直對齊方式
white-space: nowrap; 防止換行
這裡不建議再.quiz上面加上dosplay:table,因為當文字少的時候不會寬度width：100%
.quiz
.quiz-h
.quiz-p
.quiz
.quiz-h
.quiz-p
.quiz-h,
.quiz-p
注意還可以使用（目的就是：同一行顯示）
quiz-p的寫法
和設定quiz有padding那麼quiz-h再設定負值
absolute定位實現，top:50% - 1/2 自身高度（ie6+支援），還有定高+top:0; bottom: 0; margin:auto（ie8+
.quiz
.quiz-h
.quiz-p
CSS布局 兩欄布局
題外話 心情不好想虐虐自己。兩欄布局要求說明 左側固定寬度，右側自適應大小 html文件結構如下 這是左邊 這是右邊 實現效果 方法如下 方法一 float。left將元素的float屬性設定為left body left right margin 0 padding 0 height 100 ba...
CSS實現 兩欄布局，三欄布局
aside div main div div aside main 左側欄固定寬度向左浮動，右側主要內容則用margin left留出左側欄的寬度，預設寬度為auto，自動填滿剩下的寬度。右側固定寬度，左側自適應則是同理，只要將固定欄右浮動，使用margin right空出其寬度即可。aside d...
CSS之兩欄布局
在頁面布局過程中，我們常常會要用到兩欄布局或者三欄布局，現在將兩欄布局的 總結如下 1.一邊寬度固定，一邊自適應 2.一邊寬度不固定，一邊自適應 方法一 左側float left 右側margin left html 左 右css demo demo left demo right 效果圖 方法二 ...