Не изменяйте размер дочернего элемента div, когда размер родительского элемента div изменяется

Question

Рассмотрим следующую разметку

<div id="container"><div id="child"></div></div>

Мне нужно, чтобы #child не менял ширину при изменении размера #container (например, при изменении размера окна браузера). Как это можно сделать с помощью css без фиксирования ширины дочернего элемента?

Кроме того, возможно ли разрешить уменьшение ширины ребенка, но запретить увеличение?

Answer 1

Вы можете сделать отображение дочернего элемента div: "inline" или "inline-block"

#child {
  display: inline-block;
}
​