Я пытаюсь создать отзывчивый макет, в котором две коробки сидят рядом друг с другом, если размер экрана позволяет это, и иметь их ниже друг друга, если это не так. Если ящики находятся ниже друг друга, я бы хотел, чтобы они были сосредоточены на родителях. Я установил jsfiddle, чтобы продемонстрировать проблему:
http://jsfiddle.net/leongersen/KsU23/
width: 50%;
min-width: 350px;
max-width: 100%;
Попробуйте изменить размер области результатов до 350 пикселей. Элементы будут перекрываться с родителями.
Мой вопрос:
Почему не задана максимальная ширина, даже если она появляется после минимальной ширины?
Я мог бы, конечно, использовать медиа-запрос, но я хотел бы знать, почему это происходит.