1. 程式人生 > >Web前端面試指導(十七):一個滿屏 品 字布局 如何設計?

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

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代碼

技術分享

技術分享


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