Почему так происходит?

Question

[ChrisMenschenin]

Здравствуйте. Почему в данном случае ширина колонок .left и .right высчитывается в %, а высота нет?
https://jsfiddle.net/vjbbshrp/6/

Answer 1

[gleendo]

html, body {
  height: 100%;
}

// Высота в процентах является относительным значением. html -> body (относительно html) -> main (относительно body)
main {
  height: 100%;
  ... // other props
}

Comments

[ChrisMenschenin]

Я имел в виду колонки со свойством float.

[gleendo]

ChrisMenschenin: Так и нужно было в вопросе это осветить что вы действительно хотели. В общем ответ точно такой же.

html, body {
  height: 100%;
}

.left, .right {
  height: 100%;
  ... // other props
}