div를 가로 및 세로로 상대적으로 정렬합니다.

Question

제가하려는 것은 div 블록을 왼쪽에있는 것과 상대적으로 정렬하는 것입니다 (이미지가있을 수도 있음). 그러나 div의 맨 아래에 항상 있어야합니다. 나는 CSS로만하고 싶다.하지만 그렇게 할 수 없다면 어쨌든 그것을하는 것이 좋다.

편집

이 그 많은 텍스트

+---------------------+ 
|+---+Hello world! | 
||img|    | 
|+---+[button]  | 
+---------------------+ 

없는 경우가보고되어 어떻게하고

+---------------------+ 
|+---+Hello world! | 
||img|Hello world! | 
|+---+Hello world! | 
|Hello world!   | 
|[button]    | 
+---------------------+ 

나는이 희망 텍스트의 많은이 있다면 내가 찾는 것을 지워 버린다. 버튼이 텍스트와 닿았는지에 상관없이 버튼은 항상 페이지의 아래쪽에 있어야합니다. 단추는 가능한 겹치지 않고 가능한 한 왼쪽에 있어야합니다.

Answer 1

요소에 대해 두 가지 다른 위치를 지정할 수 없습니다. 대신 요소를 래퍼 요소로 래핑하여이 문제를 해결할 수 있습니다. 래퍼 위치를 지정합니다. relative. 수직으로 위치시키려는 요소를 지정하십시오.

http://jsfiddle.net/3hBds/

는 아래의 예에서 나는 부동에 의해 않았다 수평 요소를 적재 의미하는 '수평 상대적으로'해석했다.

편집 : 이미지를 감싸려면 텍스트를 가져 오려면 이미지를 플로트하십시오. 두 가지 예가 표시됩니다. 마지막 예제는 떠 다니는 이미지를 지우지 않으면 어떻게됩니까? 텍스트와 이미지를 div로 감싸서 버튼이 항상 푸시되도록하십시오.

http://jsfiddle.net/apjX7/1/