wrap div вокруг встроенных divs внутри

Question

У меня есть контейнер div, и я заполняю его другими inline-block divs на основе результатов поиска (поиск по тегам и каждый встроенный div содержит оснований). Я хочу обернуть контейнер вокруг своих встроенных div. В настоящее время контейнер занимает 100% экрана. Я не могу установить фиксированную ширину в контейнер, поскольку содержимое динамическое и может быть 1, может быть 5 или больше встроенных divs.

Есть ли способ достичь этого с помощью CSS? Я уверен, что есть, но я немного потерял в этом случае.

Благодарим вас за помощь.

Answer 1

Ну, я думаю, это будет работать на основе вашего описания ...

.container { 
 
    float: left; 
 
    clear: left; 
 
    background: #f2f2f2; 
 
    margin-bottom: 20px; 
 
    padding: 15px; 
 
    /* Important bit... */ 
 
    white-space: nowrap; 
 
} 
 

 
.item { 
 
    display: inline-block; 
 
    background: lightBlue; 
 
    padding: 5px; 
 
}

<div class="container"> 
 
    <div class="item">INLINE-BLOCK</div> 
 
    <div class="item">INLINE-BLOCK</div> 
 
    <div class="item">INLINE-BLOCK</div> 
 
</div> 
 

 
<div class="container"> 
 
    <div class="item">INLINE-BLOCK</div> 
 
    <div class="item">INLINE-BLOCK</div> 
 
    <div class="item">INLINE-BLOCK</div> 
 
    <div class="item">INLINE-BLOCK</div> 
 
    <div class="item">INLINE-BLOCK</div> 
 
</div> 
 

 
<div class="container"> 
 
    <div class="item">INLINE-BLOCK</div> 
 
</div>

JSFiddle version