CSS 오른쪽 부동 단어의 순서가 반대입니다.
<style>
*{ 여백:0; 패딩:0; 목록 스타일:없음;}
img{ 테두리:0;}
.header{ 너비:100%; 배경:#11192c;}
.nav{ 너비:1000px; 여백:0 자동; 오버플로:숨김;}
.nav ul li{ 높이:40px; 줄 높이:40px; 플로트: 오른쪽; 패딩:10px 10px; 여백:0px 5px;위치:상대적;}
.nav ul li a{ color:#8f8f8f; 글꼴 계열:'Microsoft Yahei'; 글꼴 크기:17px; 플로트: 오른쪽; 텍스트 장식:없음;}
.nav ul li a:hover{ color:#ffffff; 텍스트 장식:없음;}
.nav ul li span{ 디스플레이:블록; 위치:절대; 너비:0px; 높이:0px; 배경:#ffffff; 상단:58px; 왼쪽:50%;}
</style>
</head>
<body>
<!-- 代码begin -->
<div class="header"> ;
<div class="nav">
<ul>
<li><a href='#'>1</a><span></span> ;</li>
<li><a href='#'>2</a><span></span></li>
<li><a href='#'>3</a><span></span></li>
<li><a href='#'>4</a><span> ;</span></li>
<li><a href='#'>5</a><span></span></li>
< li><a href='#'>6</a><span></span></li>
</ul>
</div>
</ div>
