У меня следующая сетка:
| options | header header |
| nav | resizer | content |
resizer - это узкая линия для nav <-> content горизонтального изменения размера.Я хочу установить min-width: min-content на nav, а затем изменить размер ячеек nav и content, но когда я пытаюсь сделать nav меньше, чем его min-content ширина, nav block прекращает изменение размера, но ячейка nav становится меньше, а ширина блока nav превышает ширину ячейки nav.
Когда я устанавливаю min-width: Npx для nav, все в порядке, а ячейка сетки nav всегда имеет ту же ширину, что и блок nav.
Вопрос в том, как я могу установить минимальную ширину nav равной min-content и заставить сетку прослушивать фактическую nav ширину, как он делает со значениями Npx.
Jsfiddle с примером.