top上面有一段距离

源自：3-2 企业网站制作之页面头部制作（一）

top上面有一段距离

li设置浮动后，.top_content高度没有了，这个不影响布局么？而且明显有一段距离，不知道为什么？

提问者：繁星鸢尾 2016-06-12 16:25

个回答

繁星鸢尾

2016-06-12 16:27:26

{
       margin:0;
       padding:0;
       font-size:12px;
   }
   body{
       background-color: #f5f5f5;
   }
   .top{
       width:100%;
       height:27px;
       background:url(../images/top_bg.jpg) repeat-x;
   }
   .top_content{
       width:1000px;
       margin:0 auto;
   }
   .top_content li{
       list-style-image:url(../images/li_bg.gif);
       float:right;
       width:80px;
       line-height:27px;
   }
   .top_content a:link,top_content a:visited
   {
       color:#8E8E8E;
       text-decoration:none;}
   .top_contenta:hover,.top_content a:active
   {
       color:#900;
       text-decoration:none;}


0
繁星鸢尾

2016-06-12 16:26:06

<body>
<div class="top">
   <div class="top_content">
       <ul>
            <li><a href="#">联系我们</a></li>
            <li><a href="#" onclick="AddFavorite(window.location,document.title)">加入收藏</a></li>
            <li> <a href="#" onclick="SetHome(window.location)">设为首页</a></li>
       </ul>
   </div>
</div>
</body>

0