国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

關于css兼容性問題及一些常見問題匯總

2024-07-11 08:33:02
字體：大 中 小
來源：轉載
供稿：網友

目前主流瀏覽器的兼容性做的都比較好了，本文主要針對IE6，7的不兼容問題進行解決。

1.有浮動存在時，計算一定要精確，不要讓內容的寬高超出我們所設置的寬高，IE6下，內容會撐開設置好的高度。

解決方法：給對應的父級加overflow:hidden;但是會有部分被隱藏掉，最好是精確計算寬高再設定

eg：（ie會撐開）

XML/HTML Code復制內容到剪貼板
  1. <style>   box{ width:400px;}   
  2. left{ width:200px;height:300px;background:red;float:left;}    right{ width:200px;float:right;}   
  3. div{width:180px;height:180px;background:blue;padding:15px;}    *   
  4.    計算一定要精確 不要讓內容的寬高超出我們設置的寬高       在IE6下，內容會撐開設置好的寬高   
  5. /    </style>  
  6. </head>   <body>  
  7. <div class="box">     <div class="left"></div>  
  8.   <div class="right">         <div class="div"></div>  
  9.   </div>   </div>  
  10. </body>     

2. 在IE6下有元素浮動時，如果寬度需要由內容撐開，就給里邊的塊元素都加浮動，正常瀏覽器不用加浮動。

eg：

XML/HTML Code復制內容到剪貼板
  1. <style>   box{ width:400px;}   
  2. left{background:red;float:left;}    right{float:right; background:blue;}   
  3.  h3{margin:0;height:30px; float:left;}     /*   
  4.      在IE6元素浮動，如果寬度需要內容撐開，就給里邊的塊元素都加浮動     */   
  5.  </style>   </head>  
  6. <body>   <div class="box">  
  7.    <div class="left">          <h3>左側</h3>  
  8.    </div>      <div class="right">  
  9.        <h3>右側</h3>      </div>  

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 嵊泗县| 清远市| 木兰县| 社旗县| 梁山县| 舞钢市| 宿迁市| 隆回县| 天气| 库车县| 武邑县| 东乌珠穆沁旗| 波密县| 湖口县| 常山县| 叙永县| 法库县| 襄樊市| 宜兰县| 全南县| 嘉黎县| 苏尼特右旗| 岫岩| 城步| 昌都县| 百色市| 思南县| 小金县| 大安市| 积石山| 华亭县| 怀安县| 宽城| 文水县| 邢台县| 文成县| 广昌县| 福清市| 舞钢市| 高碑店市| 科技|