在webkit浏览器上没有呈现的CSS边框和backgroundcolor

Question

这可能是一个非常愚蠢的问题，但显然我无法单独解决这个问题。

如果您使用非webkit浏览器转到this页面，您会注意到底部的三篇文章如何具有黑色边框和白色背景，但如果您使用chrome或safari执行相同操作，那些css礼仪消失了。

该元素的css如下所示：

body.category-shop article{
-moz-box-flex:1;    
-webkit-box-flex:1;
-o-box-flex:1;      

border:solid #000;
background-color:#FFF;
height:250px;
width:100%;
margin:0 10px;
padding:5px;}

有什么想法吗？

非常感谢，对于超级私人问题感到抱歉。

Answer 1

由于您使用的是flexbox模型，因此不需要浮点数。

从float: left移除body.archive article后，应显示背景和边框。