Chrome正在打破flexbox，而Firefox却没有

Question

Chrome在网站首页上破坏flexbox CSS时出现问题，而FF没有。 这是HTML

    <div class="intro_container">
    <div id="top_text1" class = "intro_items intro_item_1">
    ....
    </div>
    <div id="top_text2" class = "intro_items intro_item_1">
    ....
    </div>
    </div>

和CSS

    div.intro_container  {
      width: 100%;
      background:;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
    }
    div.intro_items  {
      background: white;
      border:  .1em solid #000093;
      margin: 0.5em;
      padding: 3%;
      flex:  1 0 40%;
    }

任何帮助将是最欢迎的

Answer 1

从我的角度来看，问题不在于浏览器或flex属性问题。

问题在于以下CSS样式，

             div#top_text1 {margin-top: -3%;} 

在layout.css文件中的行号：325

因此，只需删除此CSS样式，然后添加它即可。...

Answer 2

我遇到了类似的问题...我的页面在IE，Firefox，Opera和Safari中都可以正常运行...但是在Chrome中，DIV宽度现在“被破坏”了……就在最后一周左右。

检入Firebug（等）时，我必须将某个DIV设置为比普通像素大一个像素，否则里面的图片会被“挤出”。

直到明天我都无法到达服务器来实际编辑任何内容，但“检查元素”显示这是一种解决方法。 不确定为什么问题会抬起头来，确切来说-该页面已经运行了一年多了：-(