Как средняя колонка Amazon.com делает это?

Question

Шаг 1. Перейдите на Amazon.com и увеличьте как можно большеШаг 2: Перейдите к http://matthewjamestaylor.com/blog/perfect-3-column.htm, и увеличьте как можно большеШаг 3: Сравните поведение средних столбцов

Как средний столбец Amazon препятствует вторжению в него 2 боковых столбцов при определенной ширине ?

Answer 1

Трюк использует минимальную ширину и максимальную ширину.Это позволит содержимому заполнять определенный процент ширины окна браузера при условии, что содержимое не будет становиться все уже или шире пределов.

пример:

#maincolumn {width:94%; min-width:570px; max-width:850px; margin:0 auto;}
.sidecolumns {width:100%}

Примечание. IE6 и более ранние версии не поддерживают свойство min-width.