问答详情
源自:4-2 banner

关于隐藏滚动条

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><!--TE-->
<meta name="viewport" content="width=device-width, initial-scale=1 user-scalable=no"><!--视窗-->
<title>Title</title>
   <link href="../css/reset.css" rel="stylesheet">
   <link href="../css/comment.css" rel="stylesheet">
</head>
<body>
<div class="public-header">
   <div class="public-container clearfloat">
       <div class="header-logo"><a href=""></a></div>
       <ul class="header-nav">
           <li class="nav-group"><a href="">Our Story </a></li>
           <li class="nav-group"><a href="">Menu</a></li>
           <li class="nav-group"><a href="">Reservations</a></li>
           <li class="nav-group"><a href="">News</a></li>
           <li class="nav-group"><a href="">Rviews</a></li>
       </ul>
   </div>
</div>
<div class="index-banner">
   <div class="index-banner-bg" ><img src="../img/index-banner-bg.jpg"></div>
   <div class="index-banner-text">
       <div class="text-logo"></div>
       <p class="text-info">
           <i class="line line-l"></i>
           <span class="txt"> resto restaurant home page website template</span>
           <i class="line line-r"></i>
       </p>
   </div>
</div>
<div class="index-menu"></div>
<div class="index-panel"></div>
<div class="index-panel"></div>
<div class="public-footer">
   <div class="public-container">
       <div class="footer-col">
           <p>New York Restaurant<br/>3926 Anmoore Road<br/>New York, NY 10014<a class="footer-tel"
href="tel:718-749-1714">718-749-1714</a>
           </p>
       </div>
       <div class="footer-col">
           <p>France Restaurant<br/>68, rue de la Couronne<br/>75002 PARIS<br/>02.94.23.69.56</p>
       </div>
       <div class="footer-col">
           <a href="">Blog</a>
           <a href="">Careers</a>
           <a href="">Privacy Policy</a>
           <a href="">Contact</a>
       </div>
       <div class="footer-col">
           <div class="footer-logo"></div>
           <div class="footer-inof"><p>© All Rights Reserved 2017.<br/> Find More at Pixelhint.com</p>
           </div>
       </div>
   </div>
</div>
</body>
</html>


.index-banner{
   position: relative;
}
.index-banner-bg{
   height: 570px;
 overflow: hidden
}
.index-banner-text{
   position: absolute;
   top: 200px;
   left:50%;
   margin-left: -338px;
}
.index-banner-text .text-logo {
   width: 776px;
   height: 117px;
   background: url("../img/index-banner-logo.png");
}

   

为什么我写出来滚动条还在  ?

提问者:qq_Lamourfou_0 2017-08-15 09:50

个回答

  • 洛邑新一
    2017-08-16 21:01:06

    overflow-y:hidden;