html – Chrome正在打破flexbox,而Firefox却没有

我有一个问题,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%;
    }

任何帮助都是最受欢迎的

解决方法

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

问题在于以下CSS样式,

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

layout.css文件中的行号：325

所以只需删除这个CSS样式添加签出它将工作….