두 개의 side div를 동일한 높이로 어떻게 만들 수 있습니까?

Question

는

An image of the two divs, their the gray boxes.

My code @ JSFiddle

code that is needed 
for linking JSFiddle 
links 
I don't understand why I need 
this. 

어떻게이 두 div의 같은 높이를 만들 수 있습니까? 나는 padding-bottom을하고 싶지 않습니다 : px; margin-bottom : -px; 정말 속이는 것 같고 조작 된 것 같습니다.

Answer 1

당신은 display:table 및 display:table-cell를 사용할 수 있습니다

#who-is { 
    width: auto; 
    display: table; 
} 

#left { 
    width: 40%; 
    padding: 5%; 
    text-align: center; 
    background: #CCC; 
    display: table-cell; 
} 

#left h1 { 
    font-size: 72px; 
    text-transform: uppercase; 
} 

#right { 
    width: 40%; 
    padding: 5%; 
    background: #eee; 
    display: table-cell; 
} 

#right p { 
    font-size: 16px; 
} 

fiddle