css - 宽度为 100% 的 div 彼此相邻

Question

我在页面上最多有 4 个 div，它们必须水平“相邻”放置。每个 div 都有 100% 的宽度。

除第一个之外的所有内容都将出现在页面之外，直到我以其他方式设置它的样式(最终使用 jQuery)。

我如何设置 div 样式以实现此目的？

标记:

<div class="wrapper">
    <div class="panel">
    </div>
    <div class="panel">
    </div>
    <div class="panel">
    </div>
    <div class="panel">
    </div>
</div>

我尝试过的

我试过将所有 div 向左浮动并将“wrapper”的溢出设置为隐藏。我试过将显示设置为所有 div 的内联 block 。我试过在所有 div 上使用绝对位置。我正在尝试将不同的东西结合起来，只是希望它能起作用，但必须有一个适当的方法来解决这个问题。

Answer 1

告诉我你是否想要我使用 display:inline-block

http://jsfiddle.net/fdXLb/

那我可以做一个更好的解释