为什么到后面的css 后面这一部分#header加了不显示效果的 帮看看谢谢
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" src="js/new_file.js" ></script>
<link rel="stylesheet" href="css/new_file.css" />
</head>
<body>
<!--传之商城菜单栏-->
<div id="top">
<ul class="top_nav">
<li>亲，请注册</li>
<li>免费注册</li>
</ul>
<ul class="right">
<li><span>我的商城</span></li>
<li class="line">|</li>
<li><span>购物车</span></li>
<li class="line">|</li>
<li><span>收藏夹</span></li>
<li class="line">|</li>
<li><span>卖家中心</span></li>
<li class="line">|</li>
<li><span>联系客服</span></li>
</ul>
</div>
<!--传之商城主体-->
<div id="header">
<a class="left"><img src="img/cc.jpg"/></a>
<div id="search" class="left"></div>
<input type="text" class="left" />
<input class="search_btn" type="button" value="搜索" />
<p> 热门搜索：网页培训 大学教材 智能手机 平板电脑</p>
</div>
<div id="info" class="left">
<input type="button" value="会员中心" />
<input type="button" value="去购物车结算" />
</div>
</body>
</html>
/*重置浏览器默认样式*/
body,ul,input,p,dl,dt,dd,h1
{margin: 0;
padding: 0;
}
/*全局控制*/
body
{
min-height: 755px;
/*min-height 属性设置元素的最小高度。*/
/*min-height就是你的层的最小高度，如果该层中的元素内容高度小于这个高度，就将层显示为min-height的值，超过的话，就撑破层，使层的高度与元素内容高度一样。
max-height就是和这个相反了，不超出的话，层高度就和层中内容元素高度一样，否则就截断内容，显示max-height的高度。
line-height是行高，就是针对文本的，即一行文字的行高，是以该标签中文字大小font-size做比较的，
例如line-height=200%；就是让行高是文字大小的两倍。（不同浏览器默认的行高不一样哈~~)*/
color: #6c6c6c;
font-size:12px ;
}
ul{list-style: none;}
a
{/*text-decoration:默认。定义标准的文本。*/
text-decoration: none;
}
a:hover{text-decoration: none;}
.left{float: left;}
.right{float: right;}
#top
{
height: 30px;
line-height: 30px;/*设置行间的距离（行高）。*/
background: #f7f7f7;
border-bottom:1px solid #EEE ;
}
#top ul
{
margin: 0 20px;
}
#top li
{
float: left;
padding: 0px 5px 0px 0px;
}
#top .line{color: #ccc;}
#top .top_nav
{
max-width: 1220px;
margin: 0 auto;
}
.right li
{
cursor: pointer; /*cursor 属性规定要显示的光标的类型（形状）。pointer 光标呈现为指示链接的指针（一只手）*/
}
.right li span
{
padding: 0px 9px;
}
#header
{
width: 1220px;
margin: 0 auto;
padding-top: 20px;
overflow: hidden;
}
#header img
{
width: 200px;
height: ;
}
#header a
{
width:240px;
display:block;
background: #00FFFF;
}
#header #search
{
width:500px;
margin-top:15px ;
background: red;
}
#header #search input
{
width:416px;
height:30px;
border:3px solid #E4393c;
}
#header #search .search_btn
{
width:78px;
height:36px;
background:#E4393C;
font-size:14px;
font-weight:700px;
color: #FFF;
cursor: pointer;
}
#header #search p
{
color:#999;
font-size:12px;
margin-top:5px;
}
#header #info
{
margin-top:18px;
margin-left:20px;
}
#header #info input
{
height:32px;
border:1px solid #E3E3E3;
background-color: #F7F7F7;
color:#666;
padding:0 10px;
margin-right:12px;
}
