<header>
<div class="container clearfloat">
<div class="header-logo">
<a href="">
</a>
</div>
<ul class="header-nav clearfloat">
<li class="item">
<a href="">
HOME
</a>
</li>
<li class="item">
<a href="">
PORTFOLIO
</a>
</li>
<li class="item">
<a href="">
TEAM
</a>
</li>
<li class="item">
<a href="">
CONTACT US
</a>
</li>
</ul>
</div>
</header>li{list-style-type: none;}
header{
height: 94px;
background: #2e2e2e;
}
.container{
position: relative;
height: 94px;
width: 1584px;
margin: 0 auto;
}
footer{
height: 110px;
background: #000;
}
.header-logo{
float: left;
margin-top: 32px;
}
.header-logo a{
height: 31px;
width: 141px;
background: url('../img/logo.jpg');
}
.header-nav{
float: right;
font-size: 14px;
}
3 回答
学习js
TA贡献85条经验 获得超55个赞
1.为什么浏览器拉开有空白：.container{ width: 1584px;}，你超出了设置的宽度
2.为什么logo不出来，因为你给父级header设置了 background: #2e2e2e;logo被背景色挡住了
- 3 回答
- 0 关注
- 1753 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消