一般做布局時(shí)，內(nèi)容用div包裹，用left、right區(qū)分左右，用float:left   float:right來(lái)劃分左右，但遇到的問題就是當(dāng)float:right則右側(cè)的高度只能由內(nèi)容決定或設(shè)置一個(gè)固定值，而不能跟隨父容器進(jìn)行高度自適應(yīng)100%。

參看了一個(gè)案例后找到一個(gè)解決辦法：

.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>

關(guān)鍵代碼就是要用絕對(duì)定位，定在右側(cè)，高度100%，就會(huì)根據(jù)父容器自動(dòng)計(jì)算。但缺點(diǎn)就是 test中如有其他子元素，那么寬度的判定就會(huì)出現(xiàn)一些問題。

　　哈爾濱品用軟件有限公司致力于為哈爾濱的中小企業(yè)制作大氣、美觀的優(yōu)秀網(wǎng)站，并且能夠搭建符合百度排名規(guī)范的網(wǎng)站基底，使您的網(wǎng)站無(wú)需額外費(fèi)用，即可穩(wěn)步提升排名至首頁(yè)。歡迎體驗(yàn)最佳的哈爾濱網(wǎng)站建設(shè)。