Question

我的table layou内有一个container-fluid 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

Answer 1

我认为您的问题来自<body>标记上的填充或边距。添加：

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

DEMO

如何使表格布局宽度等于容器宽度

1 个答案: