1.目前來說對css支持最好的公認(rèn)的是火狐瀏覽器，錯位的原因在css代碼書寫不規(guī)范。bai
我們提供的服務(wù)有：網(wǎng)站設(shè)計制作、成都網(wǎng)站設(shè)計、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、通化縣ssl等。為上千余家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的通化縣網(wǎng)站制作公司
2.兼容性：對于CSS（樣式表）并不是所有瀏覽器的所有版本都支持的很好，比如IE5以前的瀏覽器對于CSS的支持就不是很好。而現(xiàn)在使用IE5以前版本瀏覽器的用戶不在少數(shù)，這樣就使得在頁面制作的過程中需要針對不同瀏覽器版本進(jìn)行測試，以保證兼容性，無形中也增加很多工作量（至少我接觸的開發(fā)人員制作div頁面比table頁面的標(biāo)準(zhǔn)時間要長一些）。
3.對css縮寫的支持問題：
不論是ie 還是ff對css的縮寫都有一小點(diǎn)問題比如border: 0xp solid #fff;兩個瀏覽器支持都沒有問題
但對于四個邊的magin不同情況下，就不能用這種縮寫了，無論是ie還是ff又會出現(xiàn)邊界解釋錯誤，而導(dǎo)致頁面變形正確縮寫：border-width:0px 1px 2px 3px;
border-style:solid;
border-color:#fff;
第二點(diǎn)是 ie對于css的magin padding 等默認(rèn)值為0px，但ff卻不一樣，為了保持外觀的統(tǒng)一性，即使padding為0你也要寫上，以免ff在瀏覽中的錯位。
IE與Firefox的CSS兼容大全 1.DOCTYPE 影響 CSS 處理
2.FF: div 設(shè)置 margin-left, margin-right 為 auto 時已經(jīng)居中, IE 不行
3.FF: body 設(shè)置 text-align 時, div 需要設(shè)置 margin: auto(主要是 margin-left,margin-right) 方可居中
4.FF: 設(shè)置 padding 后, div 會增加 height 和 width, 但 IE 不會, 故需要用 !important 多設(shè)一個 height 和 width
5.FF: 支持 !important, IE 則忽略, 可用 !important 為 FF 特別設(shè)置樣式，值得注意的是，一定要將xxxx !important 這句放置在另一句之上
6.div 的垂直居中問題: vertical-align:middle; 將行距增加到和整個DIV一樣高 line-height:200px; 然后插入文字，就垂直居中了。缺點(diǎn)是要控制內(nèi)容不要換行
7.cursor: pointer 可以同時在 IE FF 中顯示游標(biāo)手指狀， hand 僅 IE 可以
8.FF: 鏈接加邊框和背景色，需設(shè)置 display: block, 同時設(shè)置 float: left 保證不換行。參照 menubar, 給 a 和 menubar 設(shè)置高度是為了避免底邊顯示錯位, 若不設(shè) height, 可以在 menubar 中插入一個空格。
9.在mozilla firefox和IE中的BOX模型解釋不一致導(dǎo)致相差2px解決方法：div{margin:30px!important;margin:28px;}
注意這兩個margin的順序一定不能寫反，據(jù)阿捷的說法!important這個屬性IE不能識別，但別的瀏覽器可以識別。所以在IE下其實解釋成這樣：div{maring:30px;margin:28px}
在css中設(shè)置一個 樣式clear{clear:both;}清除左右浮動，在想清除浮動的地方引入一個css樣式即可；
clear:both;是清除左右浮動
clear:left;清除左浮動
clear:rigth;清除右浮動；
不太明白你的意思啊！
樣式的話
外聯(lián)樣式（link href=''）這種
內(nèi)聯(lián)樣式 style/style 這種
行內(nèi)樣式 div style="color:red"/div 這種
用的多為 外聯(lián)樣式，容易維護(hù)
1.靜態(tài)布局
——最傳統(tǒng)的布局方式，網(wǎng)頁中所有尺寸都是由px作為單位，設(shè)置了min-width,如果寬度小于就會出現(xiàn)滾動條，如果大于這個寬度則內(nèi)容居中外加背景
實現(xiàn)方式：PC：居中布局，所有樣式使用絕對寬度/高度(px)，設(shè)計一個Layout，在屏幕寬高有調(diào)整時，使用橫向和豎向的滾動條來查閱被遮掩部分；
移動設(shè)備：另外建立移動網(wǎng)站，單獨(dú)設(shè)計一個布局，使用不同的域名如wap.或m.。
優(yōu)點(diǎn)：采用之前的css2的布局·方式，布局簡單，沒有兼容性問題。
缺點(diǎn): 在手機(jī)端不能合理的顯示，移動端不能使用pc端頁面，需要再寫一個布局來呈現(xiàn)。
實踐案例：Float 布局、絕對布局
2.自適應(yīng)布局
——可以看成是不同屏幕下由多個靜態(tài)布局組成的。自適應(yīng)布局是為不同的屏幕分辨率分別定義不同的布局。改變屏幕分辨率可以切換不同的靜態(tài)布局（頁面元素位置可能發(fā)生改變），但在每個靜態(tài)布局中，頁面元素不隨窗口大小的調(diào)整發(fā)生變化。自適應(yīng)布局頁面里面元素的位置會變化，很好的解決了流式布局中的大屏空間利用率不高弊端。
注：屏幕分辨率變化時，頁面里面元素的位置會變化而大小不會變化。
3.流失布局（百分比布局 %）
網(wǎng)頁中主要的劃分區(qū)域的尺寸使用百分?jǐn)?shù)（搭配min-*、max-*屬性使用),分別為不同的屏幕設(shè)置布局格式，當(dāng)屏幕大小改變時，會出現(xiàn)不同的布局，意思就是在這個屏幕下這個元素塊在這個地方，但是在那個屏幕下，這個元素塊又會出現(xiàn)在那個地方。只是布局改變，元素不變?？梢钥闯墒遣煌聊幌掠啥鄠€靜態(tài)布局組成的。
而流式布局的特點(diǎn)是隨著屏幕的改變，頁面的布局沒有發(fā)生大的變化，可以進(jìn)行適配調(diào)整，這個正好與自適應(yīng)布局相補(bǔ)。使用%百分比定義寬度，高度大都是用px來固定住，可以根據(jù)可視區(qū)域 (viewport) 和父元素的實時尺寸進(jìn)行調(diào)整，盡可能的適應(yīng)各種分辨率。往往配合 max-width/min-width 等屬性控制尺寸流動范圍以免過大或者過小影響閱讀。這種布局方式在Web前端開發(fā)的早期歷史上，用來應(yīng)對不同尺寸的PC屏幕（那時屏幕尺寸的差異不會太大），在當(dāng)今的移動端開發(fā)也是常用布局方式，但缺點(diǎn)明顯：主要的問題是如果屏幕尺度跨度太大，那么在相對其原始設(shè)計而言過小或過大的屏幕上不能正常顯示。因為寬度使用%百分比定義，但是高度和文字大小等大都是用px來固定，所以在大屏幕的手機(jī)下顯示效果會變成有些頁面元素寬度被拉的很長，但是高度、文字大小還是和原來一樣（即，這些東西無法變得“流式”
注：屏幕分辨率變化時，頁面里元素的大小會變化而但布局不變。
主要實踐案例：左側(cè)固定+右側(cè)自適應(yīng)、左右固定寬度+中間自適應(yīng)、圣杯布局、雙飛翼布局
4.響應(yīng)式布局（媒體查詢）
——通過響應(yīng)式設(shè)計能使網(wǎng)站在手機(jī)和平板電腦上有更好的瀏覽閱讀體驗。屏幕尺寸不一樣展示給用戶的網(wǎng)頁內(nèi)容也不一樣.利用媒體查詢可以檢測到屏幕的尺寸(主要檢測寬度)，并設(shè)置不同的CSS樣式，就可以實現(xiàn)響應(yīng)式的布局。主要依靠是css的媒體查詢。
注：每個屏幕分辨率下面會有一個布局樣式，即元素位置和大小都會變。
5.彈性布局
——rem/em、flex布局
一、指代不同
1、CSS3：是CSS（層疊樣式表）技術(shù)的升級版本，于1999年開始制訂，2001年5月23日W3C完成了CSS3的工作草案。
2、CSS：是一種用來表現(xiàn)HTML（標(biāo)準(zhǔn)通用標(biāo)記語言的一個應(yīng)用）或XML（標(biāo)準(zhǔn)通用標(biāo)記語言的一個子集）等文件樣式的計算機(jī)語言。
二、內(nèi)容不同
1、CSS3：主要包括盒子模型、列表模塊、超鏈接方式、語言模塊、背景和邊框、文字特效、多欄布局等模塊。
2、CSS：不僅可以靜態(tài)地修飾網(wǎng)頁，還可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進(jìn)行格式化。
三、特點(diǎn)不同
1、CSS3：新特征有很多，例如圓角效果、圖形化邊界、塊陰影與文字陰影、使用RGBA實現(xiàn)透明效果、漸變效果、使用@Font-Face實現(xiàn)定制字體、多背景圖、文字或圖像的變形處理（旋轉(zhuǎn)、縮放、傾斜、移動）、多欄布局、媒體查詢等。
2、CSS：?能夠?qū)W(wǎng)頁中元素位置的排版進(jìn)行像素級精確控制，支持幾乎所有的字體字號樣式，擁有對網(wǎng)頁對象和模型樣式編輯的能力。
參考資料來源：百度百科-CSS
參考資料來源：百度百科-CSS3
重慶分公司
重慶分公司
