This question already has an answer here:

How to set the margin or padding as percentage of height of parent container? 8 answers

Я только изучаю макеты CSS-флюидов & amp; адаптивный дизайн, и я пытаюсь использовать все процентные значения без значений px в макете.

Пока что это похоже на работу, но в одном месте я вижу то, чего не ожидал. Я пытаюсь поместить поле между двумя вертикально сложенными div, которое изменяется в зависимости от высоты контейнера. Я ожидаю, что это поле изменится, когда я изменю размер окна по вертикали, но оно также возрастет, если вы измените его размер по горизонтали, чего я не хочу. Что мне не хватает?

Здесь скрипка. Заранее благодарны за Вашу помощь.

http://jsfiddle.net/gregir/aP5kz/