nav的padding-left: 20%; ——%：父元素宽的20%

eg:

header{	width: 100%;	background: #fff;	height: 60px;}header .banner-left,header nav,header .banner-right{	float: left;}header .banner-left{	width: 20%;	text-align: center;}header nav{	width: 30%;	padding-left: 20%;}

    
            
     
                
      
新世界
            
     
            
                 
     
                
      登录                
      
            
     
                    
    

____________________________________________________________________________________

nav的  position: relative;  left: 50%;——left相对于包含块的宽度。

/*相对于自己的位置又挪了20%，left %是父元素的宽*/

其后的登陆元素，还在原位置。

header{	width: 100%;	background: #fff;	height: 60px;}header .banner-left,header nav,header .banner-right{	float: left;}header .banner-left{	width: 20%;	text-align: center;}header nav{	width: 30%;	position: relative;	left: 50%;}