세로 정렬이 td 내부에서 작동하지 않습니다

Question

내 div (내부가 td)이 상단에 수직으로 정렬하려고 시도하지만 vertical-align: top이 작동하지 않습니다.

http://jsfiddle.net/hreDw/1/ (나는 b 노란색 상단에있을 것을 원하는)

나는이 어떻게 할 수있는

다음은 바이올린은? 또한 두 번째 td 내부에있는 a's의 양은 동적입니다. 따라서 테이블의 높이도 동적입니다.

Answer 1

vertical-align CSS 속성은 인라인 또는 표 셀 상자의 세로 맞춤을 지정합니다.

Read more about vertical-align

따라서 td 요소에 vertical-align 속성을 적용 할 수 있습니다

.first { 
    background-color:black; 
    min-height: 10px; 
    min-width: 10px; 
    vertical-align: top; 
} 
.first div { 
    background-color:yellow; 
} 
.second { 
    background-color:green; 
    min-height: 10px; 
    width: 10px; 
} 

Answer 2

vertical-align이 td 아닌 div에 있어야한다.

지금 당신은 단순히 div 자체에 수직 정렬을 적용하고, 대신 당신은 TD의 모든 수직으로 정렬하려면 :

.first { 
    background-color:black; 
    min-height: 10px; 
    min-width: 10px; 
    vertical-align: top; 
}