Когда линейные элементы встроенных элементов, родительская обертка не соответствует новой ширине ⇐ Html

[Anonymous]

Как получить элемент встроенного блока < /code>, чтобы соответствовать его ширине содержимого, если разбивает линии контента из-за ширины экрана? < /p>

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

< /code>

Я не могу придумать, как сформулировать вопрос, так что это звучит легко, но я собрал простой  jsfiddle < /strong>. Lang-CSS PrettyPrint-Override ">#wide {
position: relative;
width: 100%;
border: 1px solid black;
padding: 5px;
}
#narrow {
position: relative;
width: 175px;
border: 1px solid black;
padding: 5px;
}
.wrap {
display: inline-block;
border: 1px solid green;
margin: auto;
}
.inlineblock {
display: inline-block;
vertical-align: top;
background: red;
min-width: 100px;
min-height: 100px;
border: 1px solid black;
}< /code>







When the red inline-blocks are forced to line break, how do you make a parent with display:inline-block (the green border) snap to fit? How do you get rid of all the extra horiztonal space in the lower green bordered div?

Подробнее здесь: https://stackoverflow.com/questions/349 ... -new-width