qq_Lamourfou_0
2017-08-15 09:50
<!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");
}
为什么我写出来滚动条还在 ?
overflow-y:hidden;
从 psd 到 html
105471 学习 · 410 问题
相似问题