Html 我能';t使用<;李>;
您知道为什么我不能从Html 我能';t使用<;李>;,html,css,html-lists,margin,Html,Css,Html Lists,Margin,您知道为什么我不能从元素中删除边距吗?浏览器总是为我的列表添加特定的边距,即使我将代码写入特定的边距。以下是CSS和HTML代码: #NavLeftList { height: 57 % ; width: 15 % ; position: absolute; top: 23 % ; border-style: none; background: url(images / heaven.jpg); margin: 0px } #NavLef
元素中删除边距吗?浏览器总是为我的列表添加特定的边距,即使我将代码写入特定的边距。以下是CSS和HTML代码:
#NavLeftList {
height: 57 % ;
width: 15 % ;
position: absolute;
top: 23 % ;
border-style: none;
background: url(images / heaven.jpg);
margin: 0px
}
#NavLeftList ul {
margin-left: 11 % ;
}
#NavLeftList ul li {
text-align: center;
width: 170px;
list-style-type: none;
text-decoration: none;
margin: 10px 0px 0px 0px;
padding: 1px;
}
#NavLeftList li a {
height: 35px;
padding: 10px 0px 0px 0px;
text-decoration: none;
color: #fff;
background: url(images / tabright.gif);
display: block
}
#NavLeftList li a span {
padding: 0px
}
#NavLeftList li a: hover {
color: #7EC0EE;
}
我没有在这里粘贴HTML代码,因为它看起来很奇怪。尝试使用reset.css文件,该文件将重置不同浏览器中填充和边距的所有“默认”(以及不同)实现
示例:尝试
列表样式位置:内部代码>在li
上。即使您设置了list-style-type:none,它也可能会留下由项目符号填充的空间代码>尝试设置
body{margin: 0;}
或者找到NavLeftList的包含元素,并将该元素的边距设置为0。您看到的不是li
s上的边距,而是ul
上的填充
将ul
的填充归零。尝试以下ul的CSS
ul { list-style: none; }
使用代码格式发布HTML。请参阅常见问题解答。@Frank1985:此行为特定于Chrome?IE和FF按预期呈现?不能在堆栈溢出帖子中包含任意标记。使用沙盒和/或将代码内联到代码块中。@Sidnicious,但如果所有代码都已标记,则没有人愿意阅读它。这就是:选择所有应该格式化为代码的代码,然后按有用的{}
按钮。@Frank1985太棒了!很高兴我能帮忙。当答案对您有效时,单击旁边的小复选标记按钮“关闭”该问题,并将其标记为您接受的答案。这是尝试回答,不应通过LQP删除。(如果你不喜欢,可以随意投反对票。)