CSS - 显示：表，固定宽度得到小数

Question

我在Chrome中遇到问题，其中固定宽度div无法正常显示。请参阅我的jsFiddle。

我有三个嵌套的div。

.container {
  background: red;
  width: 375px;
}

<div class="container">
  <div style="display: table; width: 375px; background: red;">
    <div style="display: table-cell; width: 375px; background: blue">
      Content
    </div>
  </div>
</div>

我还给了类“容器”固定宽度为375px。但是，在Chrome中，该表实际上返回的宽度为374.4px而不是375.因此，一些背景容器div可以看到表的右侧。我尝试了表崩溃，大小调整和表格显示属性的多种组合，但似乎无法做到这一点。有什么想法吗？

使用Chrome：58.0.3029.81

Answer 1

使用此CSS：

 myAccountClick(event) {

        const dialogScreen = this.dialog.open(MyaccountComponent,{height:'100px',width:'100px'});

    }