求解为什么我的头部没有在浏览器的最顶端!!

http://img.mukewang.com/56f8f1650001c08e13040269.jpg

如图所示,不知道问题出在哪里了,

http://img.mukewang.com/56f8f1af00014bd910710665.jpg


样式表代码如下:

@charset "gb2312";

/* CSS Document */

*{

  margin:0;

  padding:0;

  font-size:12px;

 body{

    backgrond-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{   

    list-style-image:url(../img/li_bg.gif);

float:right;

width:70px;

}

.top_content a:link,.top_content a:visited{

color:#8e8e8e;

text-decoration:none;

}

.top_content a:hover,.top_content a:active{

color:#900;

text-decoration:none;

}


.logo

  height:80px;

  background-color:#FFF

}

.logo_left

   float:left;

   width:200px;

   display: inline;

}

.logo_right

   float:right;

   width:300px;

 }


zzzNA
浏览 1386回答 2
2回答

qq_嘞怎_0

<!DOCTYPE html> <html> <head lang="en">     <meta charset="UTF-8">     <title>Demo</title> </head> <style>  *{  margin: 0;  padding: 0;  font-size: 14px;     }    .top{  background: #ddd;  width: 100%;  height: 27px;    }     .top_content{  width: 1000px;  line-height: 27px;  margin: 0 auto;  background: orange;     }  li{  float: right;  width: 70px;  list-style: none;     } </style> <body> <div class="top">     <div class="top_content">         <ul>             <li>11</li>             <li>22</li>             <li>33</li>             <li>44</li>         </ul>     </div> </div> </body> </html>没找着啥问题,我试了一下没有问题
打开App,查看更多内容
随时随地看视频慕课网APP