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：

table-layout: fixed

<div style="display: table; table-layout:fixed; width: 375px; background: red;">