The question is pretty self explanatory. All these div elements are 100% in height I need the left div to flex, but not have it set to overflow:hidden so that I can make it\
DEMO
html, body { padding: 0; margin: 0; width: 100%; height: 100%; } #left, #right { height: 100%; float: left; } #parent{ width: 100%; height: 100%; } #left { width: calc(100% - 450px);; background-color: teal; } #right { width: 450px; background-color: olive; }