div float 및 위치

Question

내 문제는 div 배치에 관한 것입니다. 나는 동적 인 높이를 가진 div를가집니다. 때로는 600px이고 때로는 300이라는 식으로 div, div A를 호출하겠습니다. 이제 div div 안에 다른 div를 넣고 싶습니다. 그리고 항상 오른쪽 아래에 놓기를 원합니다. 이 div B를 호출하십시오.

div div 위치 지정을 사용하는 한 가지 방법을 알고 있고 xy를 사용하여 물건을 처리하지만이 경우 div가 동적으로 높이를 변경하기 때문에 작동하지 않습니다.

내 질문이 가능합니까? 내가 자바 스크립트가 필요한가요?

Answer 1

당신은 절대 위치를 사용하여 작업을 수행 할 수 있습니다

<div class="d1"> 
<div class="d2"></div> 
</div>​ 

.d1{ 
    position:relative; 
    height:350px; width:150px; 
    background-color:grey 
    } 
.d2{ 
    position:absolute; 
    bottom:0; right:0; 
    background-color:red; 
    height:60px; width:80px; 
}​ 

당신은 효과를 테스트하기 위해 D1 div의 높이를 변경할 수 있습니다 http://jsfiddle.net/aMdrr/

여기 데모

Answer 2

position:absolute; 
bottom:0; 
width:100%; 

Answer 3

그것은 가능하고 내가 방금 만든 간단한 예 :

http://jsfiddle.net/ujf9D/

참고 : js 스크립트를 사용하여 동적 너비/높이 상황을 조작 해보십시오.