效果不一样？
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type='text/css'>
body{
font:12px/1.5 tahoma,arial,sans-serif;
}
.search-tips{
float:right;
padding:3px 0 0 15px;
}
.search-tips a{
text-decoration:none;
color:#6c6c6c;
}
.search-button{
float:right;
}
.btn{
background:url(http://gtms01.alicdn.com/tps/i1/T1qyj8Fc8aXXc4E9bI-400-300.png);
width:100px;
height:45px;
border:0;
background-position:0 -200px;
cursor:pointer;
}
.search-panel{
height:39px;
background-color:#f50;
overflow:hidden;
padding:3px 0 3px 77px;
}
.search-panel input{
height:39px;
line-height:39px;
border:0 none;
width:100%;
outline:none;
background-color:#FFF;
margin:0;
}
</style>
</head>
<body>
<div class='container'>
<div class='search-list'></div>
<div class='search-form'>
<form>
<div class='search-tips'>
<a href='#'>高级<br />搜索</a>
</div>
<div class='search-button'>
<button type='submit' class='btn'></button>
</div>
<div class='search-panel'>
<input type='text' />
<i></i>
</div>
</form>
</div>
</div>
</body>
</html>为什么跟着老师敲出来的效果是下面这样的？？下边框太细了...百思不得其解
