css - HTML 中top栏里的内容出来了是怎么回事?
本文介绍了css - HTML 中top栏里的内容出来了是怎么回事?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
<body>
<div id="top">
<ul class="top_menu">
<li><a href="#">Account Sign In</a></li>
<li><a href="#">Register</a></li>
<li><a href="#">Buyers Guide </a></li>
<li><a href="#">About</a></li>
<li><a href="#">Blog</a></li>
<li class="no_dot"><a href="#">Contact</a></li>
</ul>
<ul class="top_bar">
<li class="phone">130 0687 3886</li>
<li class="help"><a href="#">live help</a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
</div>
// ---样式重置---
body,ul,p,h1,h2,h3,h4,dl,dd,form,input,textarea,select{
padding: 0;
margin: 0;
font-family: arial;
} //英文网站一般都是Arial字体
ul{
margin: 0;
padding: 0;
}
li{
margin: 0;
padding: 0;
}
img {
border: none;
}
li {
list-style: none;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
body {
background: #fff url(../images/body_bg.png) repeat-x;
}
/*---top gose here---*/
#top {
width: 960px;
height: 30px;
margin: 0 auto;
background-color: #fff;
}
.top_menu {
float: left;
}
.top_menu li {
float: left;
background: url(../images/top_ico.png) no-repeat right 14px;
font-size: 13px;
line-height: 30px;
padding-right: 18px;
margin-right: 15px;
}
.top_menu a {
color: #c0c0c0;
}
.top_menu a:hover {}
.top_menu .no_dot {}
.top_bar {
float: right;
}
.top_bar li {
float: right;
}
top背景是黑条30像素没问题,
解决方案
宝贝= =,你这写得我一脸懵逼知道么,我还是很少看见有人把js注释写到css里面去的,很明显,写错注释以后有些样式重置没上去,就比如说
body
上的margin: 0
?
这篇关于css - HTML 中top栏里的内容出来了是怎么回事?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文