问答详情
源自：3-4 企业网站制作之导航部分制作（一）

top部分添加float:right;不起作用，把.top_content 去掉，只剩下li就可以正常显示？用老师的代码也一样

https://img1.mukewang.com/5be84dd50001eaf315550053.jpg

<div class="top">
    <div class="top_content"></div>
    <ul>
        <li><a href="#">加入我们</a></li>
        <li><a href="#">添加收藏</a></li>
        <li><a href="#">设为首页</a></li>
    </ul>
</div>
*
 {
padding: 0;
   margin: 0;
   font-size: 12px;
}
body {
   background-color: #F5F5F5;
}
.wrap {
   width: 1000px;
   margin: 0 auto;
}
.top {
   width: 100%;
   height: 27px;
   background: url(../img/top_bg.jpg) repeat-x;
}
.top_content {
   width: 1000px;
   margin: 0 auto;
   line-height: 27px;
}
.top_content li {
   float: right;
   list-style-image: url(../img/li_bg.gif);
   width: 70px;
}
.top_content a:link, .top_content a:visited {
   color: #8E8E8E;
   text-decoration: none;
}
.top_content a:hover, .top_content a:active {
   color: #C00;
   text-decoration: none;
}


	

		提问者：慕妹0475077
		2018-11-11 23:50
	





									




	
个回答

	
    
		
		
  • 
				
    
          

					
    
						
    GoupDeGrace
    
						
    2019-10-14 15:34:04
    
					
    

					
				
    

				
    <div class="top">
    <div class="top_content"></div>
    <ul>
        <li><a href="#">加入我们</a></li>
        <li><a href="#">添加收藏</a></li>
        <li><a href="#">设为首页</a></li>
    </ul>
</div>

    
				
    
					
					
						
						0
					
				
    
		
    • 
		
		
  • 
				
    
          

					
    
						
    GoupDeGrace
    
						
    2019-10-14 15:33:34
    
					
    

					
				
    

				
    <div class="top">
    <div class="top_content"></div>
<div class="top">
    <div class="top_content">
    <ul>
        <li><a href="#">加入我们</a></li>
        <li><a href="#">添加收藏</a></li>
        <li><a href="#">设为首页</a></li>
    </ul>
    </div>
</div>
    改成这样
    
				
    
					
					
						
						0
					
				
    
		
    • 
		
		
  • 
				
    
          

					
    
						
    GoupDeGrace
    
						
    2019-10-14 15:32:33
    
					
    

					
				
    

				
    <div class="top">
    <div class="top_content"></div>
<div class="top">
    <div class="top_content">
    <ul>
        <li><a href="#">加入我们</a></li>
        <li><a href="#">添加收藏</a></li>
        <li><a href="#">设为首页</a></li>
    </ul>
    </div>
</div>
    改成这样?
    
				
    
					
					
						
						0
					
				
    
		
    •