div低于父div（css）

Question

所以，还有一个问题。

为什么电话＃图像的div会低于父div？我试过清楚。没有帮助。我尝试了绝对定位父“pics”，但它把所有东西扔到了左边。 See here

<div id="angies"></div>
<div id="est"></div>
<div id="pics">
<div id="logot"></div>
<div id="house"></div>
<div id="phone"></div>
</div>

#angies {height:124px;
width:347px;
margin-right:0px;
margin-top:0px;
float:right;
background-image: url(images/ang.jpg);
background-repeat:no-repeat;}

#est {height:16px;
width:165px;
margin-left:5px;
    margin-top:5px;
background-image: url(images/est.jpg);
background-repeat: no-repeat;}

#pics {height:175px;
width:878px;
border:1px solid;
margin-left:auto;
margin-right:auto;}

#logot {height:169px;
width:360px;
border:1px solid;
float:left;
margin-bottom:0px;
background-image:url(images/logot.jpg);
background-repeat:no-repeat;}

#house {height:169px;
width:166px;
border:1px solid;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
background-image:url(images/house.jpg);
background-repeat:no-repeat;}

#phone {height:43px;
width:312px;
border:1px solid;
position:relative;
margin-bottom:0px;
margin-left:526px;
position:static;
background-image:url(images/phone.jpg);
background-repeat:no-repeat;}

P.S。 为什么这些div会以0像素的下边距进入顶部？这一刻它并没有打扰我，但我仍然想知道怎么回事。

Answer 1

简单的解决方案是让所有这些都浮动：左

#house { float: left; }
#phone { float: left; }