Html 第二个div适合空间

我有两个div

• 左边第一区
• 右侧的第2分区用于填充第1分区的左侧空间
• 彼此之间应该有100px的空间

如果我不能用

左边距插入彼此之间的空格，问题是：100px打开
d3
。我怎样才能做到这一点

参考：

谢谢

CSS

   #d1 {
      display: table;
      width: 100%;
    }

    #d2, #d3 {
      display: table-cell;
      padding: 2px 6px;
    }

    #d2 {
      background-color: #eee;
      white-space: nowrap;
      border: 1px solid green;
    }

    #d3 {
      background-color: #ccc;
      margin-left: 100px; /* This doesn't work*/
      width: 100%;
      border: 1px solid blue;
    }

HTML

   <div id="d1">
        <div id="d2">This is a content</div>
        <div id="d3">stretching</div>
    </div>


这是一个内容
拉伸
使用
显示：表格单元格时，边距不受影响

检查

因此，如果div具有
display:table，则可以在父div中使用
border collapse:separate

选中此复选框，然后尝试此操作。
我能够在两个div之间获得100像素的余量。我把它放在div
d2
的右边，但是你可以把它放在
d3
上。我还给了
d2
一个
100%
的
max width
，但仍然试图找出
d3
d3
与
d1
一样宽。