纯 css 瀑布流产生的问题,第二列第一张图片有一部分在跑到第一列来,是什么原因?

纯 css 瀑布流产生的问题,第二列第一张图片有一部分在跑到第一列来,是什么原因?图片说明图片说明

.w-waterfall {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
-moz-column-gap: 0.25rem;
-webkit-column-gap: 0.25rem;
column-gap: 0.25rem;
width: 98%;
margin:2em auto;
}

.w-box {
padding: 0.15rem;
margin: 0 0 0.15rem 0;
-moz-page-break-inside: avoid;
-webkit-column-break-inside: avoid;
break-inside: avoid;
border-radius: 0.2rem;
background-color: #fff;
text-shadow: 0px 0px 10px #9d9d9d;
}

数据是后台返回的

https://blog.csdn.net/u012138137/article/details/78189432