总结（1）

<meta name="viewport" content="width=640,user-scalable=no">

//以宽为640px的页面为基准，禁止用户自由缩放

*{
margin:0px;
padding:0px;
font-size:100%;
}

//初始化



<div class="top">
　　<form>
　　　　<div class="input_box">
　　　　<input type="text" placeholder="请输入产品">
　　　　<i><img src="./images/search-icon.png"></i>
　　　　</div>
　　</form>
</div>

.top{
	height: 80px;
	width: 100%;
	background-color: #fff;
	text-align: center;
	margin-top:20px;
	background-color:#f2f2f2;
}
.input_box{
	width: 590px;
	border: 1px solid #373737;
	margin: 0 auto;
	border-radius: 10px;
	height: 60px;
	line-height: 70px;
	background-color:#f2f2f2;
}
.input_box input{
	display: inline-block;
	width: 510px;
	font-size:1.5em;
	height:50px;
	border-style:none;
	background-color:#f2f2f2;
}
.input_box i{
	display: inline-block;
	width: 60px;
	height: 44px;
	border-left: 1px solid #555555;
	float: right;
	margin-top: 7px;
	line-height:60px;
	background-color:#f2f2f2;
}

总结（1）

原文：http://www.cnblogs.com/Thelma/p/5791526.html