记腾讯互娱网站布局(1)
生活随笔
收集整理的這篇文章主要介紹了
记腾讯互娱网站布局(1)
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
1.導(dǎo)航欄
第一步:設(shè)置最外層的容器的定位方式、寬度和高度以及背景
第二步:給第二層容器設(shè)置內(nèi)容的居中顯示
第三步:設(shè)置居中的logo的定位和位置
第四步:設(shè)置6個(gè)標(biāo)志的布局
設(shè)置所有的導(dǎo)航欄項(xiàng)目的定位和距離頂部的距離,以及寬度和居中顯示,然后分別設(shè)置每個(gè)項(xiàng)目的left值
后面的以此類推,標(biāo)志左邊的使用left定位,右邊的使用right定位
總結(jié):給導(dǎo)航欄定寬和相對定位,再將每個(gè)項(xiàng)目用絕對定位后的增加left和right等屬性將其定位到對應(yīng)的位置
總結(jié)
以上是生活随笔為你收集整理的记腾讯互娱网站布局(1)的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 修饰符.lazy .number .tr
- 下一篇: 开发者入门,这几款小工具能让你事半功倍