關於CSS 瀏覽器安全色的兩個問題

來源:互聯網
上載者:User

 今天用我的本兒本兒看我的網站的時候發現排版比較亂,所以決定改一下。但是我的網站基本上是基於div+css寫的,那個時候機器上只有IE6 所以基本上只有IE6瀏覽的時候是正常的。

      大概是去年的時候,我在家裡的機器上裝了一個FF,然後針對FF做了一些修改。現在又要針對IE7做改動了,不知什麼時候還要針對IE8做改動,我相信IE8很快就會出來,現在好像已經有英文的測試版本了。這個我沒有見過。

       基本上我遇到的問題就是IDV高度適應內容和IDV高度置中的問題。去百度找了一下資料,試了幾種方法,感覺用!important 結合min-height 的辦法是最好的。其他的方法讓我感覺到怪異和不舒服。於是先試一下這個方法。

        大致上代碼是這樣的:
       div#layout {
           height:auto !important; /*針對非IE 6 高度auto*/
           min-height:100px;         /*針對IE7的*/
       }
當然了IE6 預設會自動適應這個不用管了。

        還有一個問題就是垂直置中的問題,利用了IE6 IE7的幾個特性,如:!important ,*
        代碼如下
        div#HL{
             vertical-align:middle;             /*用於IE7置中但不能有padding,對IE6和FF不起作用*/
            *padding:0px !important;       /*這句IE7執行 IE6也會執行 FF不執行*/
            /*我整個div高度是120,中間有個圖片高度60 所以上下padding為 30px*/
          padding:30px 0;                      /*IE6和FF執行*/
       }

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.