我如何使表格佈局寬度相當於容器寬度

我在container-fluid裏面有table layou t。我怎樣才能使表佈局寬度相當於容器寬度。我如何使表格佈局寬度相當於容器寬度

<div class="container-fluid"> 
    <div class="table-layout"> 
     <div class="table-cell fixed-width-100"> 
      <p>fixed width div</p> 
     </div> 
     <div class="table-cell"> 
      <p>fluid width div</p>  
     </div> 
     <div class="table-cell fixed-width-100"> 
      <p>fixed width div</p>  
     </div> 
    </div> 
</div> 

.table-layout { 
display:table; 
    width:100%; 
} 
.table-layout .table-cell { 
    display:table-cell; 
    border:solid 1px #ccc; 
} 

.fixed-width-100 { 
    width:100px; 
    overflow-y:scroll; 
}

我怎樣才能使表佈局寬度相當於容器寬度。雙方都有一些填充和邊距。附件是屏幕截圖。

enter image description here

來源

2014-07-08 Shane

爲什麼不嘗試刪除'寬度：100％''從。表-layout'？ – qtgye

我覺得你的問題來自於<body>標籤填充或保證金。地址：

html,body{ 
    margin:0; 
    padding:0; 
}

DEMO

來源

2014-07-08 10:55:26

我如何製作父母身高的左右兩列？單元格高度必須是父級。 – Shane

@Shane在我發佈的小提琴中，左右兩列的高度與他們的父母相同，你的意思是你想讓他們像窗戶一樣高嗎？ –

是的高度作爲窗口與overscroll ...啓用 – Shane

我如何使表格佈局寬度相當於容器寬度

回答

相關問題