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

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

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
解決DIV列高度自適方法及優(yōu)缺點(diǎn)

你對(duì)解決DIV列高度自適方法是否熟悉，這里和大家分享一下，主要從三個(gè)方面向大家介紹，希望你能夠掌握。

創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),安新企業(yè)網(wǎng)站建設(shè),安新品牌網(wǎng)站建設(shè),網(wǎng)站定制,安新網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營(yíng)銷,網(wǎng)絡(luò)優(yōu)化,安新網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長(zhǎng)自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

解決DIV列高度自適方法及優(yōu)缺點(diǎn)

解決DIV列高度自適的方法有很多種，這里介紹三種最常用的方法給大家（下面所有例子以父main，子DIVleft、DIVright為例）。

1、利用“clear:both”背景填充（推薦?。。。?/strong>

這是使用最廣泛的一種做法，我一直都用此方法解決DIV列高度自適問(wèn)題。三行二列布局，主要內(nèi)容在右邊，網(wǎng)頁(yè)寬度780px,左列240px,右列540px。

CSS代碼

 
 
 
    
  
  
  
  1. #main{ 
    2. 
  
  
  
  2. width:780px; 
    3. 
  
  
  
  3. margin:0; 
    4. 
  
  
  
  4. background:url(bg.gif)#FFFFFFrepeat-yleft; 
    5. 
  
  
  
  5. text-align:left; 
    6. 
  
  
  
  6. } 
    7. 
  
  
  
  7. 
  
  
  
  8. #DIVleft{ 
    9. 
  
  
  
  9. float:left; 
    10. 
  
  
  
  10. width:240px; 
    11. 
  
  
  
  11. } 
    12. 
  
  
  
  12. 
  
  
  
  13. #DIVright{ 
    14. 
  
  
  
  14. float:right; 
    15. 
  
  
  
  15. width:540px; 
    16. 
  
  
  
  16. } 
    17. 
  
  
  
  17. 
  
  
  
  18. .clear{ 
    19. 
  
  
  
  19. border-top:1pxsolidtransparent!important; 
    20. 
  
  
  
  20. margin-top:-1px!important; 
    21. 
  
  
  
  21. border-top:0; 
    22. 
  
  
  
  22. margin-top:0; 
    23. 
  
  
  
  23. clear:both; 
    24. 
  
  
  
  24. visibility:hidden; 
    25. 
  
  
  
  25. } 
    26. 
  
  
  
  26. html代碼：
    27. 
  
  
  
  27.  DIV>
    28. 
  
  
  
  28.  DIV>
    29. 
  
  
  
  29.  DIV>
    30. 
  
  
  
  30.  DIV>
    31. 
  
  
  
  31.

優(yōu)點(diǎn)：無(wú)hacks，完全的自適應(yīng)高度。

2、腳本控制高度

在中加入如下代碼（假設(shè)DIVright的高度相對(duì)最高）：