未在webkit浏览器上呈现css边框和背景色

未在webkit浏览器上呈现css边框和背景色,css,webkit,Css,Webkit,这可能是一个相当愚蠢的问题,但很明显,我无法独自解决它 如果你使用非webkit浏览器进入页面,你会注意到底部的三篇文章是如何有黑色边框和白色背景的,但是如果你使用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

这可能是一个相当愚蠢的问题,但很明显,我无法独自解决它

如果你使用非webkit浏览器进入页面,你会注意到底部的三篇文章是如何有黑色边框和白色背景的,但是如果你使用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;}
有什么想法吗


非常感谢您,非常抱歉提出这个非常私人的问题。

因为您使用的是flexbox型号,所以不需要浮动


body.archive article

中删除
float:left
后,应显示背景和边框。提示:它不能是百分比。