플로트 div에 div 왼쪽 하단 위치.

Question

여기를보십시오.

http://jsfiddle.net/snw5rgx9/3/

또는 새로운 유래의 코드.

.image { 
 
    float: left; 
 
    margin-right: 10px; 
 
} 
 

 
.text { 
 
    height: 100px; 
 
    position: relative; 
 
} 
 

 
.bottom-left { 
 
    position: absolute; 
 
    bottom: 0; 
 
}

<div class="container"> 
 
    <div class="image"> 
 
     <img src="http://placehold.it/100x100" /> 
 
    </div> 
 
    <div class="text"> 
 
     asd 
 
     <div class="bottom-left"> 
 
      Delete &bull; Edit 
 
     </div> 
 
    </div> 
 
</div>

나는 왼쪽 부유 왼쪽 사업부 바닥에 사업부의 위치에 문제가 있습니다.

또한

X | Text 
    | Bottom 

은 다음과 같습니다. 정보 미리

X | Text 
Bottom 

감사합니다.

Answer 1

float을 적용한 후 다음 div를 지워야합니다.

당신은 분명히 스타일에 대한 명확한 아이디어를 원하는 경우 Click this link..

는 .text { 높이 : 100 픽셀; 삭제 : 둘 다; 위치 : 상대적; 나는 완전히 질문을 알아 보았하지만 추가하려고하면 }

Answer 2

는 잘 모르겠어요 마진 왼쪽 이미지 너비의 값으로는 .text에 대한 + 10 (10px 여백 왼쪽이있는, 맨 위 텍스트를 정렬하려면 이 같은 :?

.text { 
    height: 100px; 
    position: relative; 
    margin-left: 110px; 
} 

http://jsfiddle.net/snw5rgx9/5/