Css - 다른 하나와 같은 높이로 한 부울 크기의 열

Question

비슷한 질문에 대한 답변 중 일부를 읽은 나는 이것이 가능한지 아직 확실하지 않습니다.

clearfix-ed 컨테이너 안에 2 개의 플로팅 된 열의 상황을 고려하십시오. Column1의 내용은 확장되어 컨테이너의 높이를 결정할 수 있습니다. Column2의 내용은 항상 Column1보다 작게 보장되지만 높이는 컨테이너를 채우기 위해 늘려야합니다.

Column2를 늘리려면 어떻게해야합니까?

Here's the jsbin (With Column2 not stretching)

것들 내가

• 사용하고 싶지 않아 자바 스크립트
• 나는이 기술로 뭔가를 알아낼 수

위치 절대

를 사용하여 테이블 HTML, 그러나 이것을 학문적 인 운동으로 생각하십시오. 나는 css가 내가 메모리에 저지르고 그것을 할 수있는 "정확한"솔루션을 제공하는지 여부를 알아 내려고하고있다. 내 의혹은 대답이 아직 완전히 이해하지 못하는 다음 기술 중 하나에있을 수 있다는 것입니다. 테이블 CSS의 표시 유형을 사용

는

• 전체 인 flexbox 것은 곧 당신이 생각처럼 트위터 부트 스트랩 당신 돈으로 너무 오래, 테이블 CSS will work을

Answer 1

을한다는 것을 무엇이든간에

나오는

그건 구식을 지원할 필요가 없습니다 .IEEE :

section { 
    width: 50%; 
    display: table-cell; 
    box-sizing: border-box; 
    border: solid grey 1px; 
} 

플렉스 박스도 제작할 수 있습니다. bu 브라우저의 what's currently implemented과 what the current draft says 사이의 중요한 차이점에 유의하십시오.

저는 노기에 트위터 부트 스트랩을 사용하지 않았기 때문에 논평 할 입장이 아닙니다.