html - 小 CSS 错误,(需要第二意见)

标签 html css

我很长时间都在努力寻找我的 CSS 中的错误。我找不到它,我确定它很明显,我就是想不通它是什么!问题是我有一个元素。 #nav li ul,它有一个不应该存在的左边距。设置它的边距:0px;不起作用。这是 CSS 代码,html 位于 http://www.letsmine.info/Sundalah . #nav 是菜单,我只处理了索引,所以不要费心浏览其他页面。

#nav {
height: 39px;
margin: 0;
width: auto;
}
.mainmenu {
background: url("../index_files/menu.jpg") repeat scroll 0 0 transparent;
height: 39px;
line-height: 30px;
margin: 0;
padding: 0;
position: relative;
width: 1024px;
}
#nav li, #nav li a {
display: block;
height: 39px;
}
#nav li {
float: left;
list-style: none outside none;
margin: 0;
padding: 0;
position: relative;
}
#nav li ul {
background-color: #F2EAD5;
box-shadow: 3px 3px 3px #CC8930;
color: #2A8AC6;
float: none;
font-family: "Arial";
font-size: 19px;
margin-top: 8px;
opacity: 0.9;
text-align: center;
}
body.index #nav li.menu1 {
width: 118px;
}
body.index #nav li.menu1:hover {
width: 118px;

}
body.index #nav li.menu2 {
width: 212px;
}
body.index #nav li.menu3 {
width: 161px;
}
body.index #nav li.menu4 {
width: 174px;
}
body.index #nav li.menu5 {
width: 193px;
}
body.index #nav li.menu6 {
width: 166px;
}
body.community #nav li ul {
background-color: #AECEAB;
}
body.kids #container #nav li ul {
background-color: #89BAB7;
opacity: 0.8;
}
body.market #nav li ul {
background-color: #FFD0CE;
}
body.sundays #nav li ul {
background-color: #E7DAB2;
}
body.index #nav li ul {
background-color: #E7DAB2;
}
body.contacts #nav li ul {
background-color: #E7DAB2;
}
#nav li ul li a:link {
text-decoration: none;
}
div#container div#nav li ul#sundays li {
width: 211px;
}
div#container div#nav li ul#market li {
width: 161px;
}
div#container div#nav li ul#kids li {
width: 174px;
}
div#container div#nav li ul#community li {
width: 193px;
}
#nav ul {
position: absolute;
top: 30px;
visibility: hidden;
}
#nav li:hover ul {
visibility: visible;
z-index: 9999;
}
#nav li:hover {
opacity: 1;
}
#nav li:hover ul li a:hover {
opacity: 1;
}
.clearFloat {
clear: both;
margin: 0;
padding: 0;
}
#nav #holder ul li {
display: inline;
}

最佳答案

假设您正在谈论此页面:

http://www.letsmine.info/Sundalah/
(我在您之前的问题上找到了一个极有可能的链接)

margin: 0 不起作用的原因是因为它不是margin - 它是padding。这将修复它:

#nav li ul {
    padding: 0
}

关于html - 小 CSS 错误,(需要第二意见),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5853813/

相关文章:

html - 你是怎么做到这个小圆圈的?

html - 有没有办法找到 Phonegap 渲染的字体?

html - 如何使外部div增长或缩小到内部div的大小

css - GWT 树造型

html - 空间满时 CSS 换行

javascript - 使用 javascript 问题更改 flexbox 宽度

html - 水平对齐不同行号的 <li>

javascript - 在 javascript 提示符下输入文本后,我的文本没有出现在屏幕上

jquery - 无法更改两个 css 元素的值

css - IE8 不透明度/过滤器 css 样式不起作用