Div 未在 Google chrome 中显示（在 Firefox 中显示）[重复]

Posted 2023-03-07

【中文标题】Div 未在 Google chrome 中显示（在 Firefox 中显示）[重复]

【英文标题】：Div does not show in Google chrome (shows in firefox) [duplicate]

【发布时间】：2018-09-07 17:04:59

【问题描述】：

我是编程新手，并尝试使用 flex 使用 CSS/html 构建页面。我制作了一个由 3 个 div 组成的面板，它们可以横跨一个页面来显示各种广告。到目前为止，我只完成了一个，但是在 chrome 中进行测试时，它似乎不起作用。我也在 Firefox 中进行了测试，似乎工作正常。我尝试了 clearfixes 无济于事。

Scss：

  main
    width:80%;
    margin: calculateRem(30pt) auto;

    &>*
      width:100%;
    

    #featured_ad_panel
      display:flex;
      flex-direction: row;
      margin-top: calculateRem(30pt);

      &>figure
        flex-grow: 1;

        #ad_container
          height:270px;
          width: 217px;
          border: calculateRem(1pt) solid $color-4;
          margin: auto;

        

      
    
  

HTML

<main>
   <section id="featured_ads">
      <h1>Featured Deals</h1>
      <section id="featured_ad_panel">
         <figure id="ad1">
            <div id="ad_container">
               <img src="http://via.placeholder.com/217x270" >
            </div>
         </figure>
         <figure id="ad2">Ad 2</figure>
         <figure id="ad3">Ad 3</figure>
      </section>
   </section>
   Scss:
   <section id="bargains"></section>
</main>

注意 calculateRem 函数是一个简单的函数，用于从点获取 Rem 大小。

【参考方案1】：

这是很久以前的一个问题，但可能对您有所帮助。尝试在 Chrome 中关闭您的广告拦截器或将 id 更改为“更少的广告”（根据另一个问题的答案）

其他***问题：DIV not showing up in Chrome

【讨论】：

您先生是我的英雄。谢谢

不客气：]