CSS: «float:bottom», если доступно вертикальное пространство. «float:left» иначе

У меня есть два довольно узких (ширина: 400 пикселей) элемента div, которые должны располагаться друг над другом вертикально, если в окне браузера достаточно места по вертикали. Если высота браузера слишком мала и справа достаточно места, «нижний div» должен плавать справа от верхнего div.

В каком-то смысле я прошу противоположное «float:left». float:left выравнивает элементы div по горизонтали, если в окне браузера достаточно места по горизонтали, и размещает элементы div под плавающими элементами только в том случае, если под ними есть свободное место.

Спасибо за любые предложения!