Html 制作一张只有div的桌子

我想创建一个表，其中只包含单元格1、单元格2和单元格3的div：

该表是流动的：

宽度：90%；最大宽度：960像素

单元1和单元3固定：
宽度：100px

单元格2是流体：宽度：（当前表格宽度-200px）可以更小

就像在一张表格中，两个单元格的宽度是固定的，另一个单元格的宽度是液体，覆盖了表格的其余部分

如何做到这一点？
虽然没有OP实际发布一些代码来告诉我们您至少在尝试一些东西，但回答起来很糟糕，下面是解决方案（我正在做的事情已经准备好了）：

HTML

<div class="table">
    <div class="table-row">
        <div class="table-cell">100</div>
        <div class="table-cell">fluid</div>
        <div class="table-cell">100</div>
    </div>
</div>

您尝试过什么吗？您有什么代码可以共享吗？行包装中的浮动或绝对定位。向我们展示您尝试过的内容，然后我们可以帮助您，而不仅仅是要求我们完成您的工作为什么要使用divs而不是使用，呃，表格？请回复MMM，否则此问题可能会被关闭…除非这纯粹是为了布局目的，否则我认为没有理由不使用正常的
表格
元素。仅仅为了避免使用表而使用
div
重新创建
表是疯狂的。但是，如果是出于布局目的，我会以不同的方式命名这些类，并且我非常确定您可以完全跳过
表行
元素（当然，除非您需要不止一行）。@powerboulg我确实希望OP将用于布局目的，因为将表格数据不放在表上是愚蠢的（大多数新手认为table's不能在任何地方使用，这是错误的）。这可以在您不想使用浮动的情况下使用。在我看来，这与使用
一样。是的，我们可以跳过行，但如果他需要更多行，我们不知道。我只是想说清楚，我对您的答复没有任何批评。我只是在添加。我自己经常使用display:table和其他一些。
.table {
    display:table;
    width: 90%;
    max-width: 960px;
    border:1px solid blue; /* just for looks */
}

.table-row {
    display:table-row;
}

.table-cell {
    display:table-cell;
    border:1px solid red;/* just for looks */
}

.table-row > .table-cell:first-child, .table-row > .table-cell:last-child {
    width:100px;
    background-color:lightgray; /* just for looks */
}