CSS ширина проблема дочерний родитель

Question

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

Div A имеет ширину, равную 700px, а div C имеет ширину, установленную на 100px. Div B не имеет установленной ширины.

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

Answer 1

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

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

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

Answer 2

Звучит так, как будто вам нужен несуществующий атрибут float: center. Проверьте эту статью для обхода.

Answer 3

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

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