CSS ancho de los padres del niño del problema

Question

Tengo un div C dentro div B dentro div A.

Div A tiene conjunto anchura a 700px, y div C ha anchura ajustado a 100px. Div B no tiene el conjunto de la anchura.

Mi problema es que div B extiende su anchura a 100% (para ajustarse anchura div de A). ¿Hay una manera de Div B, es decir, su anchura para ajustarse a los niños divs? Quiero que se envuelve alrededor div C, y cualquier otro div puse cerca div C.

Answer 1

Parece que lo que quiere es el flotador inexistente: atributo central. Compruebe este artículo para una solución.

Answer 2

Puede utilizar el código siguiente para lograr el resultado:

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

Esto debería dar el resultado deseado.

Answer 3

Hacer el div B un elemento flotante para que se ajuste a la anchura es los niños.

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