2011-11-28 2 views
2

TD에서 부동 (상대적 위치 지정) 요소를 수직으로 정렬하려고 할 때이 문제점을 발견했습니다.TD에서 상대 위치 요소의 상위 속성에 아무런 영향이 없음

기본 TD의 vertical-align : middle 속성과 관련이 있다고 생각합니다.

"왼쪽"속성을 사용하면 완벽하게 정상적으로 작동하지만 "위쪽"속성은 무시되는 것 같습니다.

설명을 아는 사람이 있습니까? 감사합니다.

BTW, 그냥 참고로 여기에 재생 바이올린는 다음과 같습니다

http://jsfiddle.net/9zLsx/2/

+0

완전히 무시하지 않았습니다. 단지 비율 일뿐입니다. 'px' 작품 : http://jsfiddle.net/9zLsx/3/ – ScottS

답변

0

그것은 바로 부모가 (심지어 relative 위치에) 작동하도록 top 또는 bottom 비율 위치에 대한 높이를 가지고 있어야 나타납니다 . tr이 아닌 tdheight: 100px이되도록 코드를 변경 한 http://jsfiddle.net/9zLsx/12/을 참조하십시오.

relative 위치의 백분율은 해당 요소를 컨테이너가 아니라 컨테이너 자체와 관련이 있음을 잊어 버렸습니다 (예 : px 값). 위의 설명에서 알 수 있듯이 px 값은 컨테이너 자체와 관계가 있으므로 컨테이너 height에 관계없이 인식됩니다 (jsfiddle.net/9zLsx/3 참조).

관련 문제