错误地渲染内部块的高度-Chromerenderinginline-blockheightwrongly

So what I need is to place a plenty of inputs inside a div and they must fulfill the div.

因此，我需要在一个div中放置大量的输入，它们必须满足div。

In the firefox using the inline-block works fine, but in chrome it has a weird behavior as can be seen in plunker: Plunker

在火狐浏览器中，使用内嵌块是可行的，但是在chrome中，它有一个奇怪的行为，可以在plunker中看到:plunker

.cl {
    font-size: 11px;
    font-family: monospace;
    background: black;
    width: 50px;
    height: calc(14.24px);
    display: block;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    outline: 0 !important;
    outline-offset: 0;
    outline: 0;
}

Does anyone know a fix for that?

有人知道解决方法吗?

1 个解决方案