标题中左，中，右

Question

我正在尝试在标题中创建左，中，右对齐...目标是：

1. 包含工具栏的顶级DIV应根据其内容进行调整。
2. 左和右div具有固定的大小，但中间应占用剩余空间。

我的例子：http://jsfiddle.net/WarrickF/bx3tw/

一些作品，但我的CSS真的生锈了，我不能完全理解如何以简单干净的方式做。一旦我使用位置绝对方法，标题div不再知道内容的大小。人们可以使用搜索框对正确的div进行成像。

有没有人知道一种简单而干净的方法吗？

由于 瓦里克

Answer 1

让你的左右div漂浮，并省略中心div的宽度。

我已更新您的小提琴http://jsfiddle.net/bx3tw/1/

Answer 2

是的，浮动div，但我会给中心div侧边距。新小提琴http://jsfiddle.net/bx3tw/2/

Answer 3

为了完整起见，您还可以使用绝对定位来完成此操作，如下所示：http://jsfiddle.net/bx3tw/4/