This split pane component is fixed: when re-sizing the browser window, it will keep the same height.

You can, however, re-size this component by dragging the divider, and it will adjust if the bottom component reaches it's min-height (8em in this example).

This split pane component is dynamic: when re-sizing the browser window, height will adjust.