列宽会破坏Chrome中的div

Question

Chrome会破坏div而不是在列宽块中放大外部容器。

宽度增加一个像素可以解决问题。和另一个列表项一样。如何避免这种情况？

这里有一个小提琴https://fiddle.jshell.net/papa_bravo/01dzhwpz/

.my-list {
  border: 1px red solid;
  column-width: 70px;
  width: 226px;
}

.my-item {
  height: 40px;
  width: 50px;
  display: block;
  float: left;
  border: 1px solid blue;
}

<div class="my-list">
  <div class="my-item">Test1</div>
  <div class="my-item">Test2</div>
</div>

Answer 1

如果删除.my-item-class的float: left;似乎有效。