Т.е. покрытие с префиксами составляет 97%, но это, как я понимаю, по поддержке браузерами. Хорошо...
IE 10-11 с префиксами поддерживает всё неплохо, жопы нет. У UC Browser и android 4.3 нет поддержки wrap, но это вполне можно обойти фоллбэк-ом, остальные плюшки, которые были в старой версии флексов, нормально работают с префиксами.
Максим Компаниец: почитав ваши комменты к другим ответам, прихожу к тому, что всё лечится флексбоксами. И выравнивание, и авторазмеры и даже адаптивность будет.
Максим Компаниец: и я действительно не понимаю, чем ячейки таблицы с padding-ами - а иначе сайдбар и контент будут ровно по пол экрана, условно - удобнее, нежели блокии.
Максим Компаниец: а внутри таблицы блоки? Возникает один логичный вопрос - а зачем делать таблицу? Что удобного?)
Почитайте про html5 . Семантика ныне предполагает наличие элементов footer, header, main, aside, ...
Vasyl Kovbassa: я, конечно, согласен, если речь о mobile first. Хотя я эту концепцию не использую и на мобильных устройствах просто меняются флекс свойства. В итоге я "теряю" юзеров android 4.3- со стандартным браузером. И я считаю это нормальным
Леонид: я проверил ещё раз, у меня всё нормально вышло, но как-то некрасиво получилось. Немножко переделал, вам вот это нужно было? !important, поскольку другой max-height перекрывает https://jsfiddle.net/fh65pssz/11/
Global
82.91% + 14.6% = 97.5%
unprefixed:
82.11% + 3.97% = 86.07%
Т.е. покрытие с префиксами составляет 97%, но это, как я понимаю, по поддержке браузерами. Хорошо...
IE 10-11 с префиксами поддерживает всё неплохо, жопы нет. У UC Browser и android 4.3 нет поддержки wrap, но это вполне можно обойти фоллбэк-ом, остальные плюшки, которые были в старой версии флексов, нормально работают с префиксами.