日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

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

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

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

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

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

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

CSS代碼

 
 
 

  
  
  
#main{ 
  
  
  
width:780px; 
  
  
  
margin:0; 
  
  
  
background:url(bg.gif)#FFFFFFrepeat-yleft; 
  
  
  
text-align:left; 
  
  
  
} 
  
  
  

  
  
  
#DIVleft{ 
  
  
  
float:left; 
  
  
  
width:240px; 
  
  
  
} 
  
  
  

  
  
  
#DIVright{ 
  
  
  
float:right; 
  
  
  
width:540px; 
  
  
  
} 
  
  
  

  
  
  
.clear{ 
  
  
  
border-top:1pxsolidtransparent!important; 
  
  
  
margin-top:-1px!important; 
  
  
  
border-top:0; 
  
  
  
margin-top:0; 
  
  
  
clear:both; 
  
  
  
visibility:hidden; 
  
  
  
} 
  
  
  
html代碼：
  
  
  
 DIV>
  
  
  
 DIV>
  
  
  
 DIV>
  
  
  
 DIV>
  
  
  

 
 
 

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

2、腳本控制高度

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

 
 
 

  
  
  
<td id="3hyom"></td>