Question

我有容器div，我根据搜索结果用其他inline-block div填充它（按标签搜索，每个内联div包含基础）。我想把我的容器包裹在我的内联div中。目前容器正占据屏幕100%。我无法将固定宽度设置为容器，因为内容是动态的，可能是1，可能是5或更多内联div。

有没有办法用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

在内部div内部包裹div

1 个答案: