Dreamweaver CC 如何處理浮動(dòng)錯(cuò)位?
部分視頻內(nèi)容:
在設(shè)計(jì)浮動(dòng)版式時(shí),經(jīng)常遇到并列欄目錯(cuò)位問題,出現(xiàn)這種情況有兩種原因:
1.浮動(dòng)列寬度固定,當(dāng)瀏覽器改變窗口大小時(shí),導(dǎo)致窗口容不下所有列,則最后一列被擠到 下一行顯示。這是經(jīng)常遇到的情況,解決的方法為設(shè)置一個(gè)包含框,并固定包含框的寬度。
2.當(dāng)浮動(dòng)列總寬度之和超出了網(wǎng)頁寬度或者包含框?qū)挾?,則最后一列被擠到下一行顯示。對(duì) 于這種情況,解決的方法為精確計(jì)算每列寬度,然后計(jì)算所有列的總寬度,要求總寬度必 須小于或等于網(wǎng)頁或包含框的寬度。
但是,如果各列寬度不固定,或者頁面寬度不固定,如寬度值為百分比值時(shí),這種情況就不好控 制,因此,在設(shè)計(jì)浮動(dòng)版式頁面效果時(shí),建議計(jì)算好各列寬度,并選用px單位固定欄目寬度,防止 彈性布局(即選用%作為欄目寬度的單位)。
繼續(xù)查找其他問題的答案?
-
前端設(shè)計(jì)工程師——?jiǎng)⑿?/b>
2020-12-210次播放
-
Dreamweaver CC 如何在網(wǎng)頁中使用清除?
前端設(shè)計(jì)工程師——?jiǎng)⑿?/b>
2020-12-210次播放
-
Dreamweaver CC 如何設(shè)計(jì)圖文環(huán)繞版式?
前端設(shè)計(jì)工程師——?jiǎng)⑿?/b>
2020-12-215次播放
-
Dreamweaver CC 如何浮動(dòng)布局概述?
前端設(shè)計(jì)工程師——?jiǎng)⑿?/b>
2020-12-211次播放
-
Dreamweaver CC 如何設(shè)置邊框和內(nèi)容?
前端設(shè)計(jì)工程師——?jiǎng)⑿?/b>
2020-12-212次播放
-
Dreamweaver CC 如何設(shè)置補(bǔ)白?
前端設(shè)計(jì)工程師——?jiǎng)⑿?/b>
2020-12-210次播放
-
前端設(shè)計(jì)工程師——?jiǎng)⑿?/b>
2020-12-212次播放
-
前端設(shè)計(jì)工程師——?jiǎng)⑿?/b>
2020-12-210次播放
-
前端設(shè)計(jì)工程師——?jiǎng)⑿?/b>
2020-12-211次播放
-
前端設(shè)計(jì)工程師——?jiǎng)⑿?/b>
2020-12-210次播放
點(diǎn)擊加載更多評(píng)論>>