Размер CSS-контейнера Div ⇐ Html

[Anonymous]

У меня возникла проблема с изменением размера DIV в соответствии с содержимым, когда он заставляет свои дочерние элементы div перемещаться вниз.
В примере я пытаюсь сделать так, чтобы ширина контейнера div соответствовала ширине дочерних элементов, чтобы я мог центрировать контейнер на странице.
HTML

Код: Выделить всё

CSS

Код: Выделить всё

body {
text-align: center;
}
#container {
text-align: left;
border: 1px solid red;
display: inline-block;
padding:0;
margin:0;
/* for ie6/7: */
*display: inline;
}
.box{
width: 100px;
height: 100px;
border: 1px solid blue;
display:inline-block;
}

Когда вы посмотрите на пример, контейнер расширяется до 100 %, оставляя при этом пространство между правым дочерним элементом и контейнером.

http://jsfiddle.net/rjY7F/594/

Подробнее здесь: https://stackoverflow.com/questions/283 ... r-div-size