位置:首頁(yè) > 軟件操作教程 > UI設(shè)計(jì)軟件 > Adobe Dreamweaver > 問(wèn)題詳情

Dreamweaver CC 如何處理浮動(dòng)錯(cuò)位?

提問(wèn)人:劉旭39發(fā)布時(shí)間:2020-12-21

部分視頻內(nèi)容:

在設(shè)計(jì)浮動(dòng)版式時(shí),經(jīng)常遇到并列欄目錯(cuò)位問(wèn)題,出現(xiàn)這種情況有兩種原因:

1.浮動(dòng)列寬度固定,當(dāng)瀏覽器改變窗口大小時(shí),導(dǎo)致窗口容不下所有列,則最后一列被擠到 下一行顯示。這是經(jīng)常遇到的情況,解決的方法為設(shè)置一個(gè)包含框,并固定包含框的寬度。 

2.當(dāng)浮動(dòng)列總寬度之和超出了網(wǎng)頁(yè)寬度或者包含框?qū)挾?,則最后一列被擠到下一行顯示。對(duì) 于這種情況,解決的方法為精確計(jì)算每列寬度,然后計(jì)算所有列的總寬度,要求總寬度必 須小于或等于網(wǎng)頁(yè)或包含框的寬度。

但是,如果各列寬度不固定,或者頁(yè)面寬度不固定,如寬度值為百分比值時(shí),這種情況就不好控 制,因此,在設(shè)計(jì)浮動(dòng)版式頁(yè)面效果時(shí),建議計(jì)算好各列寬度,并選用px單位固定欄目寬度,防止 彈性布局(即選用%作為欄目寬度的單位)。

繼續(xù)查找其他問(wèn)題的答案?

回復(fù)(0)