兼容性問題總結

1.windows7上ie本地使用window.open返回空值null


2.FF下給 div 設置 padding 後會導致 width 和 height 增加, 但IE不

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

#box

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

#box{ display:block; //可以爲內嵌元素模擬爲塊元素 display:inline; //實現同一行排列的的效果 diplay:table;

4.DIV浮動IE文本產生3象素的bug


5.高度不適應

高度不適應是當內層對象的高度發生變化時外層高度不能自動進行調節,特別是當內層對象使用
margin 或paddign 時。例:

<div id=”box”>
<p>p對象中的內容</p>
</div>

CSS:

#box
#box p

解決方法:在P對象上下各加2個空的div對象CSS代碼:.1或者爲DIV加上border屬性。

6.圖片產生的間隙
父元素直接包含<img>,這個圖片下方會和父元素邊緣產生間隙。
解絕方法:1.在源代碼中讓</div>和<img>在同一行,因爲那個間隙是由換行符產生的。  2.給<img>添加樣式  display:block;

7.最小高度問題
塊元素最小高度爲10px,當高度定義小於10px時,仍爲10px;
解決方法:爲此塊元素添加樣式  overflow:hidden;   或   讓此款塊元素的字體大小等於此會元素的高度。

8.

wKioL1L9qvrifkfwAAFDtdBNZTY846.jpg

9.

wKiom1L9q7LCEAGjAAIu9QD92ns696.jpg



10.wKioL1L9q8vj-1VzAAIKUOGdXaY872.jpg

11.wKiom1L9rBThfBIjAANJAWgPJ_E737.jpg

12.

wKiom1L9rDSw73I-AAMg6-yXKxw886.jpg

wKioL1L9rBDRnc6EAAGDKDxb4_E756.jpg


13.wKioL1L9rHXwwaDHAANKVxSdbn8305.jpgwKiom1L9rN2iv3H2AANKVxSdbn8199.jpg

14.

wKioL1L9rMqSdyjHAAFBE5VPP5M947.jpg

wKiom1L9rO-znO57AAFANDa_U8U112.jpg


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章