15個經典的css常見問題及解決方法彙總

2021-06-05 07:47:11 字數 2136 閱讀 7471

在div+css設計中,我們常發生這樣的問題:如何清除列表前的圓點、ie6的雙倍邊距bug、浮動ie產生的雙倍距離、ie與寬度和高度的問題等,現彙總問題與解決方法如下。

1.怎麼讓乙個div塊級元素水平居中

#layout

2.如何清除列表前的圓點

.list

3.css強制換行與強制不換行

/* 禁止換行 */

.nowrap

/* 強制換行 */

.break

4.ie6的雙倍邊距bug

在css中增加** display:inline;

5.margin加倍的問題

設定為float的div在ie下設定的margin會加倍。這是乙個ie6都存在的bug。解決方案是在這個div裡面加上display:inline;    例如: <#div id=」imfloat」>    相應的css為    #iamfloat

6.浮動ie產生的雙倍距離

#box    這裡細說一下block與inline兩個元素:block元素的特點是,總是在新行上開始,高度,寬度,行高,邊距都可以控制(塊元素);inline元素的特點是,和其他元素在同一行上,不可控制(內嵌元素);    #box

7.ie與寬度和高度的問題

ie 不認得min-這個定義,但實際上它把正常的width和height當作有min的情況來使。這樣問題就大了,如果只用寬度和高度,正常的瀏覽器裡這兩個值就不會變,如果只用min-width和min-height的話,ie下面根本等於沒有設定寬度和高度。    比如要設定背景,這個寬度是比較重要的。要解決這個問題,可以這樣:    #boxhtml>body #box  

8.ie6下為什麼下有空隙產生

解決這個bug的方法也有很多,可以是改變html的排版,或者設定img 為display:block 或者設定vertical-align 屬性為 vertical-align:top | bottom |middle |text-bottom 都可以解決.

9.web標準中定義id與class有什麼區別嗎

(1)web標準中是不容許重複id的,比如 div id="aa"   不容許重複2次,而class 定義的是類,理論上可以無限重複, 這樣需要多次引用的定義便可以使用他.

(2)屬性的優先順序問題 id 的優先順序要高於class,看上面的例子

(3)方便js等客戶端指令碼,如果在頁面中要對某個物件進行指令碼操作,那麼可以給他定義乙個id,否則只能利用遍歷頁面元素加上指定特定屬性來找到它,這是相對浪費時間資源,遠遠不如乙個id來得簡單.

10.li中內容超過長度後以省略號顯示的方法

此方法適用與ie與op瀏覽器

11.怎麼樣才能讓層顯示在flash之上呢

解決的辦法是給flash設定透明

12.為什麼無法定義1px左右高度的容器

ie6下這個問題是因為預設的行高造成的,解決的方法也有很多,例如:overflow:hidden | zoom:0.08 | line-height:1px

13.為什麼ie6下容器的寬度和ff解釋不同

css hack的方法  height:20px; /*for firefox*/    *height:25px; /*for ie7 & ie6*/    _height:20px; /*for ie6*/    注意順序。   這樣也屬於css hack,不過沒有上面這樣簡潔。    #example /* moz */    * html #example /* ie6 */    *+html #example /* ie7 */  

14.用css實現段落前面縮排兩個字p

15.ie6 li下height高度變高問題

如:下面**在ie6下高度會變高的

#fcnum li

方法:在**中加入 overflow: hidden;

css常見問題及技巧

1.父級元素如已經設定成了塊級元素 display block 子元素如 設定了float,這時父元素a依然無高度沒有被撐開 解決 在元素的樣式中新增overflow hidden 2.查詢功能 media screen and min width 1280px 這樣書寫瀏覽器可能不會解析成功,an...

LoadRunner錄製回放常見問題及解決方案

1 錄製錯誤 1 錄製本機 webtours 或錄製本地 無法開啟 當 使 用 vista 以 後 的 操 作 系 統 時 會 出 現 該 問 題 這 是 由 於 在 本 地windows system32 drivers etc host 檔案中多了如下內容 1 1 localhost 將其刪除後...

loadrunner錄製回放常見問題及解決辦法

1 錄製本機 webtours 或錄製本地 無法開啟 當 使 用 vista 以 後 的 操 作 系 統 時 會 出 現 該 問 題 這 是 由 於 在 本 地windows system32 drivers etc host 檔案中多了如下內容 1 1 localhost 將其刪除後即可恢復正常。...