如何在高度不确定的容器下设置子div css高度为100%

一般做布局时，内容用div包裹，用left、right区分左右，用float:left   float:right来划分左右，但遇到的问题就是当float:right则右侧的高度只能由内容决定或设置一个固定值，而不能跟随父容器进行高度自适应100%。

参看了一个案例后找到一个解决办法：

.test{
    width:800px;
 position:relative;
    min-height:500px;

}
._left{
    width:60%;
    float:left;

}
._right{
    width:39%;
    float:right;border-left:1px solid red;
    height:100%;
     position:absolute;
 right:0px;
 top:0px;

}

<div class="test">
    <div class="_left">left</div>
    <div class="_right">right</div>
</div>

关键代码就是要用绝对定位，定在右侧，高度100%，就会根据父容器自动计算。但缺点就是 test中如有其他子元素，那么宽度的判定就会出现一些问题。

　　哈尔滨品用软件有限公司致力于为哈尔滨的中小企业制作大气、美观的优秀网站，并且能够搭建符合百度排名规范的网站基底，使您的网站无需额外费用，即可稳步提升排名至首页。欢迎体验最佳的哈尔滨网站建设。