2013-08-05 5 views
0

아래로 이동하므로 질문이 하나 더 있습니다.div가 상위 div (CSS)

어떻게 phone # 이미지가있는 div가 부모 div 아래로 이동합니까? 나는 분명히 노력했다. 도와주지 않았어. 나는 절대 위치 부모 "사진"을 시도했지만 왼쪽에 모든 것을 던졌다. 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;} 

추신 어떻게 이러한 div가 0 픽셀의 아래쪽 여백을 갖는 맨 위로 이동하게 될까요? 이 순간을 괴롭히지는 않지만, 나는 아직도 어떻게 살아야하는지 알고 싶다.

답변

0

간단한 해결책은 그들 모두가 부유 할 수 있습니다 : 그것은 부모 하나에 초기 사업부를 얻기 위해 도움을했다

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

떠났다. 고맙습니다! 그러나 어떻게 margin-bottom : 0px;가 3 개 모두를 상위 div의 맨 아래에 올리지는 않습니까? – sharls

+0

margin-bottom은 하단에 여백 공간 만 제공하고 하단에는 이동하지 않습니다. 나는 네가 쓴 것이 바닥이라고 생각해. 0px; 그러나 이것은 float : left; 다른 해결책은, 당신은 부동을 제거 할 수 있습니다 : 왼쪽; 디스플레이 구현 : 인라인 블록; 대신 – Raver0124

+0

로고를 바로 아래 div 왼쪽으로 보냅니다. 그리고'bottom : 0px; '는 여전히 그것을 얻지 못합니다. – sharls

관련 문제