我在使用 Internet Explorer 6 和 7 时遇到问题。当我使用负边距时,浏览器无法正确呈现我的代码。我想这行不通。此代码是一个菜单栏。
这是CSS:
#navbar ul {
margin: 0;
padding: 5px;
list-style-type: none;
text-align: center;
background-color: #000;
}
#navbar ul li {
display: inline;
}
#navbar ul li a {
text-decoration: none;
padding: .2em 1em;
color: #fff;
background-color: #000;
}
#navbar ul li a:hover {
color: #000;
background-color: #fff;
}
在 HTML 的正文中:
<div id="navbar">
<ul>
<li><a href="#">test</a></li>
<li><a href="#">test</a></li>
<li><a href="#">test</a></li>
<li><a href="#">Test</a></li>
<li><a href="#">Test</a></li>
</ul>
</div>
我将边距设置为 0,因此菜单栏可以转到顶部。所以我尝试了一个负数。但这在 Internet Explorer 中不起作用。有任何想法吗?