У меня проблема с CSS, как решить?

На сколько calc кроссбраузерен ?

У меня проблема с CSS, как решить?

Спасибо, проблема в процентах и их округления

что странного в верстке ?
левый и правый блок должны быть прижаты к левому и правому краю соответственно. И поэтому маргин задаю только для центральной.

посмотрел как подобную ситуацию обыгрывает bootstrap.

.row {
  margin: 0 -15px;
}
.col {
  width: 33.33333333%
}

мне не нравиться, неужели нет лучшего решения?

Какой решение будет семантичнее?

добавлю это как 3-ий вариант