CSS: ширина блока должна оставаться неизменной, пока боковые панели не достигнут небольшой ширины

Question

У меня есть <div> блок, который имеет фиксированную ширину. Боковые панели растягиваются до тех пор, пока их ширина не достигнет некоторого значения. Тогда блок должен растягиваться вместо боковых панелей. Как я могу реализовать это в CSS?

"Боковые панели" - это поле <div> (пробел).

Решение:

div
{
    /* Left and right margin stretch from zero to infinity */
    margin:0 auto;

    /* 2em is minimal side width */
    padding: 0 2em;

    /* Expected width */
    max-width: 640px;

    /* Minimal width */
    min-width: 320px;
}

Answer 1

Один из способов заключался бы в том, чтобы окружить все <div> большим делением, которое является общим размером их всех, а затем, возможно, наложить min-width на все триНо Internet Explorer плохо с этим работает.

Answer 2

Я думаю, вы ищете свойство min-width: http://www.w3schools.com/CSS/pr_dim_min-width.asp. Или max-width: http://www.w3schools.com/css/pr_dim_max-width.asp.

Однако это не имеет полной поддержки во всех браузерах.