css常見問題解決

2021-10-07 07:04:12 字數 1580 閱讀 6103

1、在ie6及以下有邊框

​ 解決:給img

2、div插入有間隙

​ 解決:(1)div(2)img

3、雙倍浮動。在ie6及以下,浮動的元素,有設定margin,出現雙倍外邊距

​ 解決:給浮動的元素設定display:inline

4、在ie6及以下版本,部分塊級元素擁有預設高度

解決:設定font-size:0
5、表單元素行高不一樣

​ 解決:input

6、按鈕大小不一樣

​ 解決:在input外邊套一層標籤,新增按鈕的樣式,把按鈕的預設樣式清除

7、百分比的bug,在ie6及以下版本中,解析的時候四捨五入計算,

50%+50% > 100%,

​ 解決:把右邊的浮動元素,clear:right

8、margin塌陷(當前元素(父元素裡面第乙個子元素)與父元素沒有設定任何浮動的情況下,設定margin-top後,會錯誤的把margin-top加在父級元素上)

​(3)給父元素或子元素設定float

9、margin合併bug(當兩個上下排列的元素,上元素有margin-bottom:30px;下面元素有margin-top:20px;他們中間的距離不會疊加,而是會設定為較大的值)

​ 解決:給兩個元素或其中乙個加上display:inline-block

10、什麼是bfc

​ bfc塊級格式化上下文,什麼情況下建立?浮動時:float:left/right,絕對定位或固定定位時 position:absolut/fixed,預設情況下,將具有這些屬性的元素修改為display:inline-block什麼時候不能建立?float:none,display :inline-block、table-cell、table-caption、

11、如何清楚浮動

​ 解決:(1)給浮動的父元素新增overflow:hidden,觸發bfc清楚浮動;缺點:當內容增多時,容易造成不自動換行,導致內容被隱藏,無法顯示溢位的元素;

​ (2)額外新增標籤,在最後乙個浮動標籤後新添乙個標籤,給其設定clear:both;缺點:maigin失效,導致兩個div之間沒有任何間隙;

​ (3)使用after偽元素清除浮動

.clearfix:after

.clearfix

big

small

(4)使用before和after雙偽元素清除浮動

.clearfix:after,.clearfix:before

.clearfix:after

.clearfix

bigsmall

css常見問題解決方法

設定方法 div內的img和span都需要設定vertical align middle 解決inline block的空格 a.改變html結構 a1.寫到一行 item1li item2li item3li item4li item5li ul a2.改變標籤結構 item1li item2li...

ubuntu常見問題解決

1.錯誤現象 e 無法獲得鎖 var lib dpkg lock open 11 資源臨時不可用 e 無法對管理目錄 var lib dpkg 加鎖,是不是另乙個包管理程式在使用它?無法執行其他apt get命令 解決辦法 第一種 比較暴力 把lock的檔案強行刪掉,解決問題 sudo rm var...

centos常見問題解決

1.執行yum命令時,能連線到網路,但報錯try again 有http 404,這個可能是你的centos版本過低,已經停更 2.連線不到網路 1 先cd etc sysconfig network scripts 再ls一下找到 ifcfg e 數字 有的版本e後邊的字母不一樣數字是不一樣的 這...