Web前端面試指導(十七):一個滿屏 品 字佈局 如何設計?

題目點評

這道題目有可能是筆試題,有可能面談的時候進行敘述,如果是筆試題要求對css樣式代碼非常熟練,如果是面談敘述,就需要你的表達能力非常強,要抓住要點,把需要用到的技能點講清楚就可以了。

需要用到技術


1.     元素水平居中對齊

1)        使用margin對齊(推薦)

2)        使用left:50%

3)        使用text-align

2.  元素對相對窗口定位

1)        使用filxed(推薦)

2)        使用absolute定位

3)        使用html和body的width和height填?這個窗口

3.     元素左右定位

1)        使用float左右浮動

2)        使用絕對定位進行左右定位(推薦)

具體實現的代碼

html代碼

wKiom1kVXYSjkhJUAABF-bOfNuk190.png-wh_50

wKiom1kVXYTCyANNAADGcCN8kP8647.png-wh_50


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章