亚洲日韩精品欧美一区二区一,99精品欧美一区二区三区视频 ,欧美一区二区三区在线观看视频,荡乳尤物3ph合欢

一些css技巧分享給大家


發布日期:2015-06-01

 

今天沈陽網站開發總結了一些關于一些css技巧來和大家一起分享,希望您看過之后會有所幫助。

IE,FF高度自適應問題(最大高度,最小寬度,最大寬度)
    最大高度,max-height: 180px; _height: expression( this.scrollHeight > 180 ? "180px" : "auto" ); 后面兩條是解決IE6問題。
    最小寬度,min-width: 900px; _width: expression(this.width < 600 ? 600: true);
    最大寬度,max-width: 300px; _width: expression(this.width > 600 ? 600: true);
子元素負邊距問題
    IE6:超出父元素的部分會被父元素覆蓋。FF:分兩種情況當父元素有邊框或內邊距時,超出父元素的部分會覆蓋父元素;沒有時父元素擁有負邊距。解決方法:子元素定義相對定位。同時IE下子容器如果包含屬性position:relative,則父容器失效(IE bug),所以也需要設置父容器position:relative解決,IE6需要zoom:1來觸發haslayout
IE6詭異的奇數BUG
    當父元素相對定位,子元素絕對定位時,倘若父元素的高或寬的數值是奇數,那么IE6下絕對位置會出錯。解決方法: 數值改成偶數,IE6是大俠,只要服從它。
需要圖片在層中是垂直居中
    當需要圖片在層中是垂直居中,可以圖片定義vertical-align: middle;,再在圖片左側加入,定義樣式display: inline-block; height: 100%; vertical-align: middle; 就是兼容的了。
子元素浮動,父元素不能自動適應高度
    FF IE7下可以在父元素定義overflow: auto; IE6加入 zoom: 1; 這個觸發IE的.layout。或在浮動元素后加入在浮動層后面加入。
IE,FF下子元素的上下外邊界問題(定義寬度)
    IE6:子元素的上邊距和父元素的上內邊距疊加。FF:子元素上邊距顯示在父元素上方。解決方法:在父元素增加 overflow:hidden;或給父元素增加邊框或內邊距。
IE,FF下子元素的上下外邊界問題(定義高度)
    IE6:子元素上邊距顯示正常。FF:子元素的上邊距和父元素的上內邊距相加。解決方法:1、給父元素定義內邊距。2、父元素設置邊框,子元素定義上外邊距。3、父元素定義overflow: hidden;,子元素定義上外邊距。
IE,FF高度自適應問題(最小高度)
    在IE6下子元素的高度能夠撐開父元素,但FF,IE7下不可以。解決辦法:父元素定義min-height:高度值; height:auto !important; height:高度值; (要注意先后順序不能錯)

 

主站蜘蛛池模板: 工布江达县| 西宁市| 固安县| 雷州市| 新和县| 兴宁市| 马关县| 沐川县| 安国市| 淮阳县| 封丘县| 奎屯市| 泾阳县| 阳新县| 宁南县| 遂川县| 闽侯县| 扎赉特旗| 平南县| 临沂市| 黔西县| 田阳县| 治多县| 台南县| 鹰潭市| 通山县| 汝州市| 武城县| 黎城县| 喀喇| 亳州市| 西充县| 龙海市| 南郑县| 宜都市| 宁津县| 全州县| 南京市| 青铜峡市| 吴旗县| 独山县|