div перемещается неправильно при изменении размера браузера

Question

Я пытаюсь настроить корзину покупок для своего сайта, и у меня недостаточно знаний для правильного использования css для форматирования трех столбцов при изменении размера браузера.

У css изначально было следующее:

.threeFrames .leftStyle {float: left; position: relative; width: 20%;}
.threeFrames .centerStyle   {float: left; position: relative; max-width: 60%;}
.threeFrames .rightStyle    {float: left; position: relative; width: 20%;}

Но это не имело эффекта, который я хотел. Я хочу установить два конечных столбца на фиксированный width 240px, однако, когда я делаю это, когда размер браузера изменяется, он поднимает правый столбец ниже остальных, тогда как я хочу, чтобы только средний столбец уменьшался.

Answer 1

Если вы сделаете .rightStyle {float:right;} и вообще не будете стилизовать средний столбец, он будет автоматически обернут, когда это возможно.

Answer 2

Если правый столбец идет ниже остальных, это означает, что содержимое не помещается в контейнер, и я подозреваю, что причиной является процентное соотношение и фиксированная ширина .