适应式导航

HTML

<div class="Top"> 
<a href="javascript:void(0)" class="BtnDel">取消</a>
  <h1>文字</h1>
<a href="javascript:void(0)" class="BtnComplete">完成</a>  
</div>

css

.Top{
	height:44px;
	background:#db3434;
	background:#38373d;
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	z-index:1000;
}

.Top .BtnDel{
    height:44px;
    float:left;
    background-size:12px 20px;
    padding-left:15px;
    font-size:16px;
    color:#ffffff;
    line-height:44px;
}
/* Test 10.18 */
.Top .BtnComplete{
height:44px;
    float:right;
    background-size:12px 20px;
    padding-right:15px;
    font-size:16px;
    color:#ffffff;
    line-height:44px;
}