Хай народ. Скажите как такое можно реализовать?
1) Вот есть главный блок отмеченный синим цветом и есть 2 внутренних блока отмеченные красным.
Внутренним блокам дал display: inline-block и ширину 200 px к примеру. В таком случае может остаться свободное место в главном блоке.
Если внутренним блокам дам display: inline-block и ширину 100%. В таком случае 1 внутренний блок заполнять все пространство главного блока, а 2 внутренний блок спустится вниз и также заполнит все пространство главного блока.
Мне надо сделать так - если останется место у главного блока то внутренние блоки должны его заполнить увеличив свою ширину и еще они должны остаться в одном ряду


2) Вот есть главный блок отмеченный синим цветом и есть 4 внутренних блока отмеченные красным.
Внутренним блокам дал display: inline-block и ширину 200 px к примеру. В таком случае внутренний блок который не влезет в главный блок опустится вниз
Мне надо сделать так - если внутренние блоки не влезают в главный блок, то они должны уменьшится по ширине



Такое мне нужно для навигатора сайта. В навигаторе эти кнопки могут добавляться и удаляться. Так что я не могу им дать точную ширину

_____________
Жадный.... жадный.... жадный кот

Evil_Google

Посмотри как устроена grid в популярных фреймворков, все сам поймешь.

P.S 2017 год на дворе, 70% сайтов с такой сеткой

если поддерживаемые тобой браузеры умеют flexbox, то можешь использовать его.

_____________
Свои мозги еще никто не отменял.
Телепатов нету.

Evil_Google, просто выстави ширину в процентах и "будет тебе счастье". А лучше всего посмотри не "популярные фреймворки", дабы не тратить зря время. А посмотри, например, bootstrap. Мало того, что это полноценное готовое решение, подходящее на 100% для решения твоей задачи, так ты еще можешь и там тоже "подсмотреть", как такие вещи сделаны.

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

а медиа не подходит?

@media (min-width:368px){
....
}

@media (min-width:992px){
....
}

В бутстрапе navbar посмотрел, но там не то что я хотел.
Ну ладно спасибо всем я нашел другой выход


_____________
Жадный.... жадный.... жадный кот

Evil_Google Это ты конечно молодец!, пояснить какой выход нашел - нет желания ?...