Почему col-auto с красной рамкой занимает больше высоты, чем доступное содержимое? ⇐ CSS

[Anonymous]

Для этого кода я использовал версию начальной загрузки 5. Когда вы проверяете это в полноэкранном режиме, col-auto с красной рамкой занимает больше места, чем доступное содержимое. Пространство содержимого внутри отмечено желтой рамкой. Интересно, что стало причиной этого космического разрыва? Может кто-нибудь помочь?

Код: Выделить всё

html,body{
height:100%;
}
.search-field .form-control {
padding-left: 2rem;
}

.search-field .form-control-search {
position: absolute;
z-index: 2;
display: block;
width: 2.375rem;
height: 2.375rem;
line-height: 2.3rem;
text-align: center;
pointer-events: none;
}

Код: Выделить всё

Document








[i][/i]



Assigned



Open this select menu
One
Two
Three












[i]


[/i]

Подробнее здесь: https://stackoverflow.com/questions/785 ... le-content