Html 溢出：隐藏根本不工作_Html_Css

Html 溢出：隐藏根本不工作

html css

Html 溢出：隐藏根本不工作,html,css,Html,Css,我有一个小的html和css脚本，不包含很多内容，一切都很好。然而，我不知道发生了什么，但出于某种原因，我有一个滚动条，我可以滚动我的页面，即使我有溢出：隐藏我不知道为什么有一个滚动条那里。任何形式的帮助都将不胜感激 HTML <!DOCTYPE HTML> <html> <head> <title>OUZO</title> <link rel="stylesheet" type="text/css" hre

我有一个小的html和css脚本，不包含很多内容，一切都很好。然而，我不知道发生了什么，但出于某种原因，我有一个滚动条，我可以滚动我的页面，即使我有溢出：隐藏我不知道为什么有一个滚动条那里。任何形式的帮助都将不胜感激

HTML

<!DOCTYPE HTML>
<html>

<head>
        <title>OUZO</title>
  <link rel="stylesheet" type="text/css" href="style.css">
        <link rel="stylesheet" type="text/css" href="animate.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
        <meta charset="UTF-8">
        <link rel="shortcut icon" href="images/logo-4.ico">

<script src="jquery.nicescroll.js">
</script>

      <script>

$(document).ready(
function() {
$("#video-wrapper").niceScroll();
$("#news-wrapper").niceScroll();
$("#games-wrapper").niceScroll();
$("#music-wrapper").niceScroll();
}
);
</script>


</head>

<body>

  <nav align="middle">

    <ul>
        <li><a href="videos.html"><img src="images/video-menu.png" class="vid" style="height:35px; width:70px; margin-bottom:20px; border-left:8px solid black; border-right:8px solid black;" onmouseover="this.src='images/video-menu-hover.png'"onmouseout="this.src='images/video-menu.png';"></a></li>
        <li><a href="#"><img src="images/news-menu.png" class="news" style="height:35px; width:70px; margin-bottom:20px; border-left:8px solid black; border-right:8px solid black;" onmouseover="this.src='images/news-menu-hover.png'"onmouseout="this.src='images/news-menu.png';"></a></li>
        <li><a href="#"><img src="images/logo.png" class="home" style="height:80px; width:80px;" onmouseover="this.src='images/logo-hover.png'"onmouseout="this.src='images/logo.png';"></a></li>
        <li><a href="#"><img src="images/games-menu.png" class="games" style="height:35px; width:70px; margin-bottom:20px; border-right:8px solid black;border-left:8px solid black;" onmouseover="this.src='images/games-menu-hover.png'"onmouseout="this.src='images/games-menu.png';"></a></li>
        <li><a href="#"><img src="images/music-menu.png" class="music" style="height:35px; width:70px; margin-bottom:20px; border-right:8px solid black; border-left:8px solid black;" onmouseover="this.src='images/music-menu-hover.png'"onmouseout="this.src='images/music-menu.png';"></a></li>
    </ul>



</nav>


  <div class="left-border"></div>
<div class="right-border"></div>

<div class="container">

  <div class="content-container">

    </div>
  <div class="content-container">

      </div>
  <div class="content-container">

    </div>
  <div class="content-container">

  </div>




<footer>
<img src="images/logo-footer.png"  style="height:80px; width:80px;" onmouseover="this.src='images/logo-hover.png'"onmouseout="this.src='images/logo-footer.png';">


</footer>

</body>


</html>

您的

div

容器似乎未正确关闭

<div class="container">

   <div class="content-container">
   </div>
   <div class="content-container">
   </div>
   <div class="content-container">
   </div>
   <div class="content-container">
   </div>

加

我认为您添加到页面的库中的问题。因为，如果我不使用它，一切都很好！是的，你在哪里，对吗，谢谢，答案是一样的。。。这是不公平的。。。

<div class="container">

   <div class="content-container">
   </div>
   <div class="content-container">
   </div>
   <div class="content-container">
   </div>
   <div class="content-container">
   </div>

</div>

<div class="container">

  <div class="content-container">

    </div>
  <div class="content-container">

      </div>
  <div class="content-container">

    </div>
  <div class="content-container">

  </div>

</div > <!-- you forget to add dis div -->