html - 谁能告诉我主 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;
}

它们都具有相对定位，除了默认位置之外没有定位在任何地方，并且它们都在 main 中(除了列表是在 html 中的图像之后创建的)。

但是列表并没有一直向左显示，而是向外显示了很多

Answer 1

我能想到两件事，第一是 ul 默认有填充

ul
{
padding:0px;
}

第二个是 display:inline-block 在对象之间添加了一个小的空白，以便对其进行突袭:

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