2010-02-19 5 views
2

2 개의 DIV가 서로 위에 있다고 가정합니다.수직 정렬 DIV

상단 텍스트의 텍스트를 TOP에 정렬하고 하단 텍스트를 하단으로 정렬하려면 어떻게해야합니까?

답변

2

진정한 - 당신이 table-cell

각 사업부의 display을 설정하면 수직 정렬에만 작동
div#top, div#bottom { display: table-cell } 
div#top { vertical-align: top } 
div#bottom { vertical-align: bottom } 
+0

표 셀은 IE7 이하에서는 지원되지 않습니다. (http://www.quirksmode.org/css/display.html 자세한 내용은 – Owen

+0

브라우저에서 Webkit은 어떻게됩니까? – TIMEX