日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
DIV自適應(yīng)高度寫法簡介

DIV＋CSS設(shè)計有很多值得學(xué)習(xí)的地方，這里和大家重點討論一下DIV自適應(yīng)高度的寫法，希望本文的介紹能讓你有所收獲。

赤壁網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)公司,赤壁網(wǎng)站設(shè)計制作，有大型網(wǎng)站制作公司豐富經(jīng)驗。已為赤壁上千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)要多少錢，請找那個售后服務(wù)好的赤壁做網(wǎng)站的公司定做！

DIV自適應(yīng)高度的寫法

以前寫CSS是在IE6下高度自適應(yīng)這個問題我們都不用想了，直接設(shè)置height:auto；或不設(shè)置就可以了，但是在fox和現(xiàn)在IE7,8下就會出現(xiàn)問題了，下面我們就來寫一段DIV高度自適應(yīng)寫法，

在網(wǎng)上看到很多但覺得不適合，我看一個方法同時設(shè)置兩個的浮動為both

 
 
 
    
  
  
  
  1. .pageRight,.pageLeft{ 
    2. 
  
  
  
  2. clear:both; 
    3. 
  
  
  
  3. } 
    4. 
  
  
  
  4.

這們會出現(xiàn)一個問題就是把左右浮動給清楚了，雖然在IE6下同有問題，但在其它瀏覽器下就會出現(xiàn)問題了，下面我們來看看我是怎么處理的吧。

先看看CSS布置代碼。

 
 
 
    
  
  
  
    2. 
  
  
  
    3.

  • 上面的代碼是要pageLeft,與pageRight分為左右，并且還要自適應(yīng)高度。

     
 
 
      
  
  
  
    1. .pageRight{ 
      2. 
  
  
  
    2. width:320px; 
      3. 
  
  
  
    3. height:auto; 
      4. 
  
  
  
    4. float:right; 
      5. 
  
  
  
    5. height:600px; 
      6. 
  
  
  
    6. text-align:center; 
      7. 
  
  
  
    7. } 
      8. 
  
  
  
    8. 
  
  
  
    9. .pageLeft{ 
      10. 
  
  
  
    10. width:650px; 
      11. 
  
  
  
    11. height:auto; 
      12. 
  
  
  
    12. float:left; 
      13. 
  
  
  
    13. height:600px; 
      14. 
  
  
  
    14. border-right:1pxsolid#cee8cd; 
      15. 
  
  
  
    15. padding-right:8px; 
      16. 
  
  
  
    16. clear:both; 
      17. 
  
  
  
    17. position:relative;overflow:auto;height:auto; 
      18. 
  
  
  
    18. } 
      19. 
  
  
  
    19.

     紅色這句很重要，這樣就會左右分開并且還會自動根據(jù)內(nèi)容DIV高度而自適應(yīng)了。


    文章題目：DIV自適應(yīng)高度寫法簡介
    分享鏈接：http://www.5511xx.com/article/dhphedj.html