【发布时间】：2019-07-17 13:20:39
【问题描述】：
很抱歉，html 太长了，但在这里。我希望我能从中了解我做错了什么。
.navbar {
background-color: black;
font-family: 'Bangers', cursive;
letter-spacing: 5px;
position: fixed;
width: 100vw;
z-index: 101;
}
.container {
overflow: scroll;
height: 100vh;
width: 100vw;
scroll-snap-type: mandatory;
scroll-snap-points-y: repeat(100vh);
scroll-snap-type: y mandatory;
}
body, html {
width: 100%;
height: 100%;
min-height: 100%;
margin: 0;
padding: 0;
overflow: auto;
overiflow: initial;
}<container>
<nav class="navbar">
<div class="dropdown">
<a href="index.html">Home
</a>
</div>
<div class="dropdown">
<button class="dropbtn">Watch
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdown-content">
<a href="#">Music Videos</a>
<a href="#">Spotlight Video</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">Listen
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdown-content">
<a href="#">Rap</a>
<a href="#">Beats</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">Read
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdown-content">
<a href="#">Blog</a>
<a href="#">Events</a>
<a href="#">lyrics</a>
<a href="rap-entrepreneur.html">Mission</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">Submit
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdown-content">
<a href="#">Media</a>
<a href="#">Complaint</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">Connect
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdown-content">
<a href="#">Email</a>
<a href="#">Cause</a>
</div>
</div>
</nav>
<div class='container'>
<div class="box">
<section class="child1">
<div class="spotlight">
<div class="video">
<div class="review-button-section">
<iframe src="iframe/read-the-peso-benjies-review-here.html" class="review_button"></iframe>
</div>
<div class="star">
<img src="images/Spotlightartist.png" class="iight" alt="spotlight_art">
<div class="vid3">
<iframe src="https://www.youtube.com/embed/vAIBwoWrdEY" class="vid"; frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen> </iframe>
</div>
<img src="images/benj.png" class="pic" alt="Peso_Benjies">
</div>
</div>
</div>
</section>
<section class="child2">
<div class="review">
<h1>Lorem ipsum dolor sit amet, consectetur adipisicing.</h1>
<p>Lorem ipsum dolor sit amet, consectetur </p>
</div>
</section>
<section class="child3"></section>
<footer><a href="#">Privacy Policy</a>
<a href="#">Terms and Conditions</a>
</footer>
</div>
</div>
</container>使用溢出时：滚动（我需要）我的滚动条隐藏在我的固定 div 后面。我看到有关 iframe 是导致此问题的原因。也许就是这样。
【问题讨论】：
-
你说溢出：自动；和溢出：初始； （拼写错误）在您的 html/body 声明中。
-
谢谢，我很感激，但没用。
-
欢迎来到社区。对不起，这不是一个答案，我只是指出来。您可以添加您的 HTML 供我们查看吗？
-
已添加。它有点长。对此感到抱歉。