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%;}

line.css文件中的行号：325

所以只需删除这个CSS样式添加检查它将起作用....

Answer 2

我遇到了类似的问题...我在IE，Firefox，Opera和Safari中有一个页面可以正常...但DIV宽度是＆＃34;已经打破＆＃34;现在在Chrome ...就在上周左右。

检查Firebug（等）我必须将某个DIV设置为比正常情况大一个像素，否则内部图片会被挤出＆＃34; <＃p>;

明天无法访问我的服务器以实际编辑任何内容，但检查元素＆＃39;表明这是一种解决方法。不确定为什么这个问题已经让人头疼了 - 确切地说 - 这个页面已经运行了一年多了： - （

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

2 个答案: