Html CSS-删除<;李>;标签

Html CSS-删除<;李>;标签,html,css,frontend,Html,Css,Frontend,我是前端设计新手,大约2个月。我有一个问题,我无法删除HTML li标记之间的空白 请看一下我的代码片段: ul{ 宽度:100%; } ulli{ 列表样式类型:无; 宽度:100%; } .现在就去购物{ 显示:块; 位置:相对位置; 顶部:-121px; 背景色:白色; 宽度:42%; 身高:30%; } .立即购买>*{ 显示:内联块; } .立即购买>h3{ } 第一类 现在购物 第2类 现在购物 第3类 现在购物 如中所示,要删除周围的间距,请包括此样式规则 li {

我是前端设计新手,大约2个月。我有一个问题,我无法删除HTML li标记之间的空白

请看一下我的代码片段:

ul{
宽度:100%;
}
ulli{
列表样式类型:无;
宽度:100%;
}
.现在就去购物{
显示:块;
位置:相对位置;
顶部:-121px;
背景色:白色;
宽度:42%;
身高:30%;
}
.立即购买>*{
显示:内联块;
}
.立即购买>h3{
}
  • 第一类 现在购物
  • 第2类 现在购物
  • 第3类 现在购物
如中所示,要删除
  • 周围的间距,请包括此样式规则

    li {
       margin: 0
    }
    

    希望有帮助

    间隙是因为您正在将
    .shop now
    div向上移动121px,即使您已移动其位置,div仍将占据空间

    因此,您需要绝对定位,以便它不会占用空间

    ul{
    宽度:100%;
    }
    ulli{
    列表样式类型:无;
    宽度:100%;
    位置:相对位置;
    }
    ulliimg{
    显示:块;
    }
    .现在就去购物{
    显示:块;
    位置:绝对位置;
    排名:0;
    背景色:白色;
    宽度:42%;
    }
    .立即购买>*{
    显示:内联块;
    }
    .立即购买>h3{
    }
    • 第一类 现在购物
    • 第2类 现在购物
    • 第3类 现在购物

    你能试试li{margin:0;};希望它能正常工作。通常怀疑的是边距、填充和边框宽度。作为将来的参考,我强烈建议您阅读有关框大小的书籍,以便在遇到另一个常见的间距问题时做好准备。如果您还没有遇到这个问题,请使用display:block处理图像下方的空白