Last-child не помогает. Как убрать margin с последнего блока?

Question

[freeman0204]

Код codepen.io/anon/pen/NGvEQb
Last-child не помогает. А если прописать непосредственно классу right

.right {
    margin: 0;
}

то ничего не изменится пока я вместо

.col {
     width: calc((100%/3) - 30px);
     margin-right: 30px;
    background: green;
    float: left;
}

не пропишу

.col {
     width: calc((100%/3) - 30px);
     margin-right: 45px;
    background: green;
    float: left;  
}

Comments

[DenJel]

Максим Зайцев: конечно, там класс right с margin 0 стоит

Answer 1

[DenJel]

Вы что, гоните?
Может так лучше?
Ну или если уж совсем припекло, вот ваш пример
!!!!!
и вообще пора бы уже забыть про float, давно есть свойство display: flex, которое сейчас все браузеры жрут, если поддержка ie8 не нужна

Comments

[freeman0204]

Спасибо. Я пытаюсь освоить и флоаты и теперь вот и фслекс посмотрю. Пока в флоатах плаваю в знаниях). Сейчас вофт добавил к флоатам calc отлично помогает.

Answer 2

[Денис Инешин]

А у меня всё получилось:

.col:last-child {
  margin-right: 0;
}