Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 我能';t使用<;李>;_Html_Css_Html Lists_Margin - Fatal编程技术网

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删除。(如果你不喜欢,可以随意投反对票。)