仿百度搜索框布局

   <div class="search">
   	<img src="static/images/logo1.png">
   	<form>
   		<input type="text">
   		<i class="layui-icon">&#xe660;</i>   
   		<input type="button" value="百度一下">
   	</form>
   	<div class="clear"></div>
   </div>
/*搜索框*/
.search{margin: 150px auto 0;width:  700px;/*background: #ccc;*/text-align: center;}
.search img{width: 300px;height: 130px;}
.search form{margin: 10px auto;width: 644px;position: relative; }
.search input{border: none;float:left; }
.search input[type="text"]{width: 540px;height: 30px;border: 1px solid #3388FF;}
.search i{position: absolute;right: 110px;top: 6px;font-size: 20px;color: #ccc;}
.search input[type="button"]{width: 100px;height: 32px;color: #fff;background:#3388FF;}