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

首頁 > 開發 > CSS > 正文

Firefox和IE通用的三則網站重構實用技巧_CSS教程

2024-07-11 08:41:03
字體:
來源:轉載
供稿:網友
使用zoom、overflow解決IE6、IE7、FF下嵌套容器清除浮動問題

  我們經常碰到一個容器外面套一個邊框,邊框高度隨容器高度變化,但是當邊框內容器設置了浮動屬性后,外框就不跟隨變化,這時就需要清除浮動。給外邊框容器加上overflow:auto的屬性,可以解決IE7和FF下的清除浮動問題,但是IE6下不生效,我們需要使用IE的一個私有屬性zoom使IE5.5 的瀏覽器達到外框跟隨變化的效果。

  需要注重的幾個細節問題,例如我們建立一個樣式為text的容器,寬200象素,高度自適應,外面包一個樣式為content的10象素的外框。(如圖1)

Firefox和IE通用的三則網站重構實用技巧_CuoXIn.com轉載

圖1

代碼如下:

<small id="jngnu"><style id="jngnu"></style></small>
  • <style type="text/css">
    .content{ border:10px solid #F00;}
    .text{ width:200px; height:300px; background:#000;}
    </style>

    <body bgcolor="#FFFFFF">
    <div class="content">
    <div class="text"></div>
    </div>
    </body>

      假如我們為text容器設置了左浮動的屬性,并將content容器定義了200象素的寬,就需要為content容器增加overflow:auto屬性,以清除text容器的浮動。否則FF下則會出現問題。(如圖2)

    Firefox和IE通用的三則網站重構實用技巧_CuoXIn.com轉載

    圖2
    代碼如下:

  • <style type="text/css">
    .content{ border:10px solid #F00; width:200px; overflow:auto;}
    .text{ width:200px; height:300px; background:#000; float:left;}
    </style>

    <body bgcolor="#FFFFFF">
    <div class="content">
    <div class="text"></div>
    </div>
    </body>

     

      除此之外還有一種比較非凡的情況,假如在不設定content寬度的情況下,僅僅使用overflow:auto,在IE5.5 下是無法實現清除浮動的效果的。為此我們需要使用一個IE的私有屬性zoom來使IE下達到所需效果。

    代碼如下:

          <sup id="jngnu"><ins id="jngnu"></ins></sup>

            1. <li id="jngnu"><pre id="jngnu"></pre></li>

              <style type="text/css">
              .content{ border:10px solid #F00; overflow:auto; zoom:1;}
              .text{ width:200px; height:300px; background:#000; float:left;}
              </style>

              <body bgcolor="#FFFFFF">
              <div class="content">
              <div class="text"></div>
              </div>
              </body>

              發表評論 共有條評論
              用戶名: 密碼:
              驗證碼: 匿名發表
              主站蜘蛛池模板: 连江县| 临朐县| 万州区| 隆子县| 乌兰察布市| 额济纳旗| 壶关县| 霸州市| 石棉县| 咸丰县| 安顺市| 郧西县| 舒城县| 兰州市| 得荣县| 信丰县| 班戈县| 福安市| 白河县| 玉环县| 荣昌县| 积石山| 西昌市| 乳源| 天台县| 宜兴市| 凤凰县| 新田县| 修文县| 兴山县| 莒南县| 松阳县| 长治县| 报价| 扶风县| 江门市| 中西区| 甘泉县| 溧阳市| 休宁县| 铜鼓县|
              <ul id="jngnu"></ul>