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

 
 
 

  
  
  
 
  
  
  
　　這邊的高度自適應(yīng)右側(cè)的高度

 可用的方法大概有以下四種：

1，用absolute設(shè)置一個足夠高的高度，在父級元素中清除溢出的部分,具體的csscode如下：

 
 
 

  
  
  
#container{font-size:14px;width:300px;overflow:hidden;  
  
  
  
 
  
  
  
border:3pxsolidblue;margin:10pxauto0;  
  
  
  
color:#fff;position:relative;}  
  
  
  
#leftSide{width:100px;float:left;height:200000px;  
  
  
  
 
  
  
  
left:0;top:0;position:absolute;background:gray;}  
  
  
  
#rightSide{width:190px;float:right;  
  
  
  
 
  
  
  
text-align:center;background:purple;}  
 
 
 

其實這種方法并沒有真正的實現(xiàn)左右兩個div等高，只是用了障眼法，利用container的overflow:hidden清除了左側(cè)多余的部分，以達到視覺上左右等高的目的，雖然有“白貓黑貓，逮著老鼠就是好貓”的說法，但是筆者并不著重推薦這種方法，因為給父級元素添加relative，會帶來很多不必要的麻煩，況且只能是設(shè)置absolute的一側(cè)自適應(yīng)另一側(cè)的高度，并不能讓兩側(cè)中任一側(cè)去自由去適應(yīng)另一側(cè)！

2，負外補丁和正內(nèi)補丁{margin-bottom:-(num)px;padding-bottom:(num)px;}相結(jié)合

 
 
 

  
  
  
#container{font-size:14px;width:300px;overflow:hidden;  
  
  
  
border:3pxsolidblue;margin:10pxauto0;color:#fff;}  
  
  
  
#leftSide{width:100px;float:left;background:gray;  
  
  
  
 
  
  
  
padding-bottom:9999px;margin-bottom:-9999px;}  
  
  
  
#rightSide{width:190px;float:right;text-align:center;  
  
  
  
 
  
  
  
background:purple;padding-bottom:9999px;  
  
  
  
margin-bottom:-9999px;}  
 
 
 

3，利用javascript腳本實現(xiàn)動態(tài)設(shè)置高度

 事實上，這種辦法真正意義上實現(xiàn)了兩側(cè)等高，并且能讓兩側(cè)中任一側(cè)去自由去適應(yīng)另一側(cè)，但是其缺點就在于，只有當DOM加載完成后，才有會這樣等高的效果，如果網(wǎng)速夠快，這個漏洞可以忽略不計。

4，在父級元素中填充背景

CSS code如下：

 
 
 

  
  
  
#container{font-size:14px;width:300px;overflow:hidden;  
  
  
  
border:3pxsolidblue;  
  
  
  
 
  
  
  
margin:10pxauto0;color:#fff;  
  
  
  
 
  
  
  
background:url(http://www.men-ideal.com/images/unit1030.jpg)repeat-y;}  
  
  
  
#leftSide{width:100px;float:left;}  
  
  
  
#rightSide{width:190px;float:right;text-align:center}  
 
 
 

 目前，這種方法是最流行的，同樣也是一種“欺騙性”的解決辦法，不過除了多使用一張圖片之外，都可以堪稱完美，這也是筆者極力推薦的！