DIV+CSS網(wǎng)站制作可能遇到的問題總結(jié)與解決方式

2021-07-14    分類： 網(wǎng)站制作

很多眉山網(wǎng)站制作QQ群里經(jīng)常有人問到一些DIV+CSS使用過程中遇到的一些問題,剛接觸的新手朋友肯定會遇到各種各樣的問題,不過只要留心,記錄下每個問題點,一個個的解決,就能做出漂亮的網(wǎng)站,因為筆者也是從這個階段過來的,筆者花了點時間,總結(jié)了下,供廣大新手朋友們參考.


1,div的垂直居中問題

vertical-align:middle; 將行距增加到和整個DIV一樣高 line-height:200px; 然后插入文本，就能垂直居中了,不過有個缺點,就是要控制內(nèi)容不要換行.。


2,margin double的問題    

設(shè)置為float的情況下div在ie瀏覽器里往往margin會出現(xiàn)加倍的情況.這因該是Ie6都會有樣的問題,這類問題的解決方案是在這個div里面加上display:inline就OK了;  這個問題也是很多網(wǎng)站制作的朋友都會遇到的問題.


3,浮動ie產(chǎn)生的2倍間距

#box{ float:left; width:100px; margin:0 0 0 100px; //這種狀況下,往往IE會產(chǎn)生200px的距離 display:inline; //使浮動忽略}  這里細說一下block與inline這兩個元素：block元素往往會總是在新行上開始,高度,寬度,行高,邊距都可以控制(塊元素);Inline元素的特點是,和其他元素在同一行上,不可控制(內(nèi)嵌元素);#box{ display:block; //可以為內(nèi)嵌元素模擬為塊元素 display:inline; //實現(xiàn)同一行排列的效果 diplay:table。


4,IE與寬度和高度的問題

因為IE不識別min，會把正常的width與height當(dāng)看作有min的狀況來處理,所以就會出現(xiàn)問題,,只用寬度和高度的情況下，在正常的瀏覽器里面這2個設(shè)置的值就不會變，如果只用min-width和min-height的話，在IE瀏覽器來看,相當(dāng)于沒有設(shè)置寬度和高度，比如要設(shè)置背景圖片，這個寬度是比較重要的.

5,頁面的最小寬度

min -width是個非常方便的CSS命令，用它能夠指定元素最小的寬度，這樣就能保證排版準確不會出現(xiàn)異常.不過IE不認得這個，而它實際上把width當(dāng)做最小寬度來用,為了讓這一命令在IE上也能用，可以把一個<div> 放到 <body> 標簽下，然后為div指定一個類.


6,DIV浮動IE文本產(chǎn)生3象素的問題

左邊對象浮動，右邊采用外補丁的左邊距來定位，右邊對象內(nèi)的文本會離左邊有3px的間距。


可能還有很多問題,筆者后續(xù)會不斷地總結(jié),大家有興趣的話,請多訪問下我們的網(wǎng)站.更多的網(wǎng)站建設(shè)方面的問題會不斷的更新.


本文由成都創(chuàng)新互聯(lián)科技有限公司（

www.bm7419.com）原創(chuàng)編輯轉(zhuǎn)載請注明。

網(wǎng)站題目：DIV+CSS網(wǎng)站制作可能遇到的問題總結(jié)與解決方式
當(dāng)前URL：http://www.bm7419.com/news48/119498.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項目有網(wǎng)站制作等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

微信小程序開發(fā)