위치 : 절대, 디스플레이 내부 : IE에서 동적 높이가있는 표 셀

Question

균일 한 높이를 얻기 위해 display: table-cell을 사용하는 가로 레이아웃이 있습니다. 크롬에서는 괜찮은 것처럼 보이지만 IE를 비슷하게 렌더링 할 수는 없습니다. :

http://jsfiddle.net/z8hys/4/

이는 모습을 위해 내가하고자하는 것입니다. .cell 요구

• 높이 동적 될 :

  그러나 IE9, IE10 및 IE11에서

  나는 다음과 같다 뭔가를 얻을.
• 적어도 IE에서 작업해야합니다.
• 수직 점선 .top의 높이가 가변적입니다.
• 수평 점선 .right은 가변 위치를가집니다.

Answer 1

display:table-cell을 사용하지 않고도 균일 높이 레이아웃을 얻는 다른 방법이 분명히 있습니다. IE11-에서 더 잘 작동합니다. 그러나 두 개의 작은 점선이 무엇을 의미하는지 또는 왜 그 점을 알았는지 전혀 알지 못하기 때문에 하나를 제안하는 것이 어렵습니다.

그러나 한 가지 제안은 http://jsfiddle.net/zq4EA/3/입니다. 보세요, 왜 작동하지 않는지, 그리고 내가 당신과 함께 일하게되어 기쁩니다 :) 희망이 도움이됩니다!