css - 如何从左到右放置DIV？

Question

是否可以设计 DIV 的样式，使其看起来如下所示:

用简单的代码

<div class='menubar'><div class='menu'>item1<br/>item2</div>...</div>

这是菜单。我只想调整所选 DIV 的大小。

特征应该如下:

1) DIV 从左到右放置，无需指定绝对位置。

2) DIV 比容器 DIV 高，但不要拉伸(stretch)它

更新

请用 DIV 或 SPAN 解释一下，我没有对它们使用 LEFT。我需要学习，而不是准备好解决方案。

Answer 1

这是非常基本的东西。

1) 不要使用 div，使用列表 2) float 子元素

<ul class='menubar'>
   <li></li>
   <li></li>
   <li></li>
   <li></li>
</ul>

和相应的CSS:

ul.menubar{
   /*some fancy css*/
   height:<x>px; /* is needed since it would collapse otherwise*/
}
ul.menubar > li{
   float:left;
   /* more fancy css */
}

给你一个 fancy demo .