Question

为什么下面那个div不能紧靠上一个div呢?

<div id="abc">
<div class="a1"></div>
<div class="a1"></div>
<div class="a2"></div>
<div class="a3"></div>
</div>

以下是CSS样式

#abc{
width: 470px;
margin-right: auto;
margin-left: auto;
height: auto;
}
.a1 {
background-color:#FFFFFF;
background-image: url(/MediaCenter/images/matching_03.jpg);
background-repeat: no-repeat;
height: 9px;
width: 470px;
margin-right: auto;
margin-left: auto;
}
.a2 {
background-color:#FFFFFF;
background-image: url(/MediaCenter/images/matching_05.jpg);
background-repeat: repeat-y;
width: 470px;
height: 600px;
margin-right: auto;
margin-left: auto;
padding-top: 20px;
}
.a3 {
width:470px;
background-image: url(/MediaCenter/images/matching_26.jpg);
background-repeat: no-repeat;
background-color: #FFFFFF;
height: 10px;
margin-right: auto;
margin-left: auto;
}

请问各位高手，为什么a2不能靠紧a1呢？谢谢

Answer 1

a2里 加上 font-size=0px div有默认文字高度

Answer 2

padding-top: 20px;

Answer 3

<div class="a1"></div>
<div class="a1"></div>
<div class="a2"></div>
<div class="a3"></div>
这里面的<div class=""></div>不可以有空格，也不可以换行，试试看行不行