Проблема с шириной CSS дочернего родительского элемента

Question

У меня есть div C внутри div B внутри div A.

Ширина элемента Div A равна 700 пикселей, а ширина элемента div C — 100 пикселей.Для Div B не задана ширина.

Моя проблема в том, что div B расширяет свою ширину до 100% (чтобы соответствовать ширине div A).Есть ли способ, чтобы div B, то есть его ширина, соответствовала дочерним элементам div?Я хочу, чтобы он был обернут вокруг div C и любого другого div, который я поместил рядом с div C.

Answer 1

Похоже, вам нужен несуществующий атрибут float:center.Проверять Эта статья для обходного пути.

Answer 2

Для достижения результата вы можете использовать следующий код:

#b {
  margin:0px auto;
  overflow:hidden;
  display:table;
}

Это должно дать желаемый результат.

Answer 3

Сделайте элемент div B плавающим элементом, чтобы его ширина соответствовала дочерним элементам.

<div id="B" style="float:left;">