這篇文章主要為大家展示了“web開發(fā)中如何實(shí)現(xiàn)table-cell完成左側(cè)定寬、右側(cè)定寬及左右定寬等布局”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“web開發(fā)中如何實(shí)現(xiàn)table-cell完成左側(cè)定寬、右側(cè)定寬及左右定寬等布局”這篇文章吧。

創(chuàng)新互聯(lián)是專業(yè)的雷山網(wǎng)站建設(shè)公司，雷山接單;提供成都網(wǎng)站制作、做網(wǎng)站、外貿(mào)營銷網(wǎng)站建設(shè),網(wǎng)頁設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行雷山網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來合作!

使用table-cell完成以下幾種布局（ie8及以上兼容）

1、左側(cè)定寬-右側(cè)自適應(yīng)

.left{   
            width: 300px;   
            height: 500px;   
            border: 1px solid;   
            float: left;   
      }   
.right{   
            width: 10000px;   
            height: 500px;   
            display: table-cell;   
            border: 1px solid;   
      }