2021-07-14 分類: 網站制作
很多眉山網站制作QQ群里經常有人問到一些DIV+CSS使用過程中遇到的一些問題,剛接觸的新手朋友肯定會遇到各種各樣的問題,不過只要留心,記錄下每個問題點,一個個的解決,就能做出漂亮的網站,因為筆者也是從這個階段過來的,筆者花了點時間,總結了下,供廣大新手朋友們參考.
1,div的垂直居中問題
vertical-align:middle; 將行距增加到和整個DIV一樣高 line-height:200px; 然后插入文本,就能垂直居中了,不過有個缺點,就是要控制內容不要換行.。
2,margin double的問題
設置為float的情況下div在ie瀏覽器里往往margin會出現加倍的情況.這因該是Ie6都會有樣的問題,這類問題的解決方案是在這個div里面加上display:inline就OK了; 這個問題也是很多網站制作的朋友都會遇到的問題.
3,浮動ie產生的2倍間距
#box{ float:left; width:100px; margin:0 0 0 100px; //這種狀況下,往往IE會產生200px的距離 display:inline; //使浮動忽略} 這里細說一下block與inline這兩個元素:block元素往往會總是在新行上開始,高度,寬度,行高,邊距都可以控制(塊元素);Inline元素的特點是,和其他元素在同一行上,不可控制(內嵌元素);#box{ display:block; //可以為內嵌元素模擬為塊元素 display:inline; //實現同一行排列的效果 diplay:table。
4,IE與寬度和高度的問題
因為IE不識別min,會把正常的width與height當看作有min的狀況來處理,所以就會出現問題,,只用寬度和高度的情況下,在正常的瀏覽器里面這2個設置的值就不會變,如果只用min-width和min-height的話,在IE瀏覽器來看,相當于沒有設置寬度和高度,比如要設置背景圖片,這個寬度是比較重要的.
5,頁面的最小寬度
min -width是個非常方便的CSS命令,用它能夠指定元素最小的寬度,這樣就能保證排版準確不會出現異常.不過IE不認得這個,而它實際上把width當做最小寬度來用,為了讓這一命令在IE上也能用,可以把一個<div> 放到 <body> 標簽下,然后為div指定一個類.
6,DIV浮動IE文本產生3象素的問題
左邊對象浮動,右邊采用外補丁的左邊距來定位,右邊對象內的文本會離左邊有3px的間距。
可能還有很多問題,筆者后續會不斷地總結,大家有興趣的話,請多訪問下我們的網站.更多的網站建設方面的問題會不斷的更新.
本文由成都創新互聯科技有限公司(
m.newbst.com)原創編輯轉載請注明。
網站題目:DIV+CSS網站制作可能遇到的問題總結與解決方式
當前URL:http://m.newbst.com/news48/119498.html
網站建設、網絡推廣公司-創新互聯,是專注品牌與效果的網站制作,網絡營銷seo公司;服務項目有網站制作等
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯
猜你還喜歡下面的內容