0

所以,还有一个问题。

带有电话号码图像的 div 怎么会低于父 div?我试过清楚。没有帮助。我尝试了绝对定位父“图片”,但它把所有东西都扔到了左边。 看这里

<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;}

ps,为什么这些 div 会以 0 像素的下边距到达顶部?此刻它并没有打扰我,但我仍然想知道为什么会这样。

4

1 回答 1

0

简单的解决方案是让它们全部浮动:left

#house { float: left; }
#phone { float: left; }
于 2013-08-05T23:54:36.967 回答