这可能是一个非常愚蠢的问题,但显然我无法独自解决。
如果你去this使用非 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;}
有什么想法吗?
非常感谢,对于这个 super 私有(private)的问题,我们深表歉意。
最佳答案
由于您使用的是 flexbox 模型,因此不需要 float 。
从 body.archive article
中删除 float: left
后,背景和边框应该会显示。
关于css 边框和背景颜色未在 webkit 浏览器上呈现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12697579/