谁能告诉我在我的主要div中这两个图像集之间的区别？

Question

#main #home_banner {
position: relative;
}

#main ul li {
position: relative;
display: inline-block;
overflow: hidden;
}

#container {
width: 950px;
background-color: red;
padding: 0;
margin: 0 auto;
}

#container #main {
margin: 0;
padding: 0;
width: 100%;
height: 950px;
background-color: blue;
border-bottom: #adde64 solid 1px;
}

它们都具有相对定位，并且除了默认位置之外没有位于任何位置，并且它们都位于主内部（除了列表是在html中的图像之后创建的。）

然而，列表并没有一直显示在左侧，而是向外显示了相当多的

Answer 1

我能想到的第一件事就是ul默认有填充

ul
{
padding:0px;
}

第二个是显示：inline-block在对象之间添加一个小的空格，以便突袭：

ul
{
font-size:0px;
padding:0px;
}

Answer 2

如果您希望列表一直显示在左侧，请查看padding-start属性。我想这就是你要问的。

尝试使用以下css设置列表：

-moz-padding-start: 0px;
-webkit-padding-start: 0px;
-o-padding-start: 0px;
padding-start: 0px;
padding-left:-0px'

Answer 3

根据您发布的图片，我假设您指的是底部的缩进图片。如果您没有使用CSS重置，则需要设置ul和li元素的边距。您可能还需要调整ul所在的div的填充。

Answer 4

默认情况下，任何ul都有margin和padding值。将ul设置为{margin:0; padding:0;}，它将左上角对齐