这边的高度自适应右侧的高度

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

1，用absolute设置一个足够高的高度，在父级元素中清除溢出的部分,具体的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;}  

其实这种方法并没有真正的实现左右两个div等高，只是用了障眼法，利用container的overflow:hidden清除了左侧多余的部分，以达到视觉上左右等高的目的，虽然有“白猫黑猫，逮着老鼠就是好猫”的说法，但是笔者并不着重推荐这种方法，因为给父级元素添加relative，会带来很多不必要的麻烦，况且只能是设置absolute的一侧自适应另一侧的高度，并不能让两侧中任一侧去自由去适应另一侧！

2，负外补丁和正内补丁{margin-bottom:-(num)px;padding-bottom:(num)px;}相结合

#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脚本实现动态设置高度

 
　　varleft=document.getElementById('leftSide');  
　　varright=document.getElementById('rightSide');  
　　if(left.offsetHeight>=right.offsetHeight){  
　　　　right.style.height=left.offsetHeight+'px';  
　　}else{  
　　　　left.style.height=right.offsetHeight+'px';  
　　}  
 
 

 事实上，这种办法真正意义上实现了两侧等高，并且能让两侧中任一侧去自由去适应另一侧，但是其缺点就在于，只有当DOM加载完成后，才有会这样等高的效果，如果网速够快，这个漏洞可以忽略不计。

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}  

 目前，这种方法是最流行的，同样也是一种“欺骗性”的解决办法，不过除了多使用一张图片之外，都可以堪称完美，这也是笔者极力推荐的！

【编辑推荐】

1. CSS元素水平居中行之有效的办法
2. CSS textarea高度自适应问题解决方案
3. CSS样式表高效使用八大秘诀
4. 五大常用Div高度自适应的方法
5. CSS技巧：3种常用方法解决div列高度自适应