Page 288 - Сила CSS3 Освой новейший стандарт

288 • Глава 7. Вспоминаем навыки верстки

известно — она зависит от размера области просмотра. Тем не менее смысл в том,
что комбинирование пикселов с процентными значениями не дает полного пред-
ставления о реальной ширине каждого поля, следовательно, их размер становится
очень сложно подгонять под размер области просмотра.

Рис. 7.26. Поле Desserts переместилось на новую строку, так как после добавления
забивки и рамок к каждому полю их суммарная ширина превысила
ширину области просмотра

Для того чтобы исправить ситуацию, можно, например, уменьшить ширину полей.
Попробуйте задать значение 25% вместо 30%, и вы увидите, что в окнах определен-
ного размера все три поля будут отображаться на одной строке — однако в узких
окнах последнее поле все равно будет перемещаться вниз (рис. 7.27). Плюс, справа
от третьего поля в очень широких окнах будет отображаться лишнее пустое про-
странство. Поля больше не умеют автоматически подстраиваться под ширину строки
в окнах разного размера.

www.trk.kg