Question

我遇到的经典问题是锚点在固定的导航栏下消失了。我已经尝试过各种关于stackoverflow的解决方案，但是没有一个起作用。我正在使用flexbox。由于它是用于fcc分配的，因此我现在想保留原始的html / css。没有引导程序或JS。

我也想将flexbox放在四个相邻的正方形中。

这可能吗？

我的codepen在这里。

<main>
<div class="flex-container">

  <div id="womens"class="anchor">Women's</div>
    <div id="mens" class="anchor">Men's</div>
  <div id="apparel" class="anchor">Apparel</div>
 <div id="accessories" class="anchor">Accessories</div>
</div>
<div id="reviews" class="anchor">
<h2>PRODUCT REVIEWS</h2><iframe width="560" height="315"  id="video" src="https://www.youtube.com/embed/S1ny0G1FaDI" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></div>
<div class="grid-item"><h2>SUBSCRIBE</h2>
  <p>If you would like to be kept upto date with our latest news, products and offers, enter your email address in the space below.</p>
</div>

锚在固定导航栏下消失

0 个答案: