                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /從 psd 到 html

關(guān)于隱藏滾動條

<!DOCTYPE html>
<html lang="en">
<head>
? ?<meta charset="UTF-8">
? ?<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<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");
}