РЕДАКТИРОВАТЬ: ссылка на воспроизведение на codepen https://codepen.io/bedelman851/pen/oyWpGq
У меня есть ul, к которому я применяю columns: 3.У каждого li есть входная / пользовательская метка.Пользовательская метка имеет следующий соответствующий css.
input[type="checkbox"] + label:before {
content: '';
display: block !important; //ie fix
width: 16px;
height: 16px;
border: 1px solid $dark-button;
border-radius: 2px;
position: absolute;
background-color: $white;
left: 0;
top: 5px;
}
Высота 16px все еще применяется к элементу, но на самом деле, когда я проверяю элемент, он отображается как более 18px.Все остальные - ровно 16 пикселей.Кажется, это происходит только в верхней части последнего столбца.
Это не всегда происходит, как вы увидите на этом рисунке.
Но я заметил, что последний столбец на втором рисунке иногда выглядит именно так.Если я захожу к инспектору и нажимаю на высоту, чтобы отключить его, а затем снова включить, он отрисовывается отлично.Попробовал добавить! Важное (да поможет нам Бог) к высоте и добавить минимальную высоту.Мысли?