Css 如何创建具有自动调整大小的列的多行节

仍在学习CSS所以如果这很明显请原谅-

我正在构建一个包含四个部分的标题：

|Header-------------------------------|  
|----Title----|----NavigationLinks----|  
|----Taglines-|----SelectionBar-------|
|-------------------------------------| 

我想让Taglines部分自动设置第一列的宽度（它的内容比标题长），然后第二列延伸到标题部分的末尾。我不知道如何在不设置特定宽度的情况下使列彼此匹配-在没有固定宽度区域的情况下可以这样做吗

我已经能够接近我所需要的使用显示：表单元格；但无法理解如何将第二行“连接”到第一行

更新：

---

缺少标记导致div忽略显示：table*设置。使用display:table/table row/table cell创建表格布局将完成我所需的工作：table cell将自动拉伸列，从而影响其上方行的宽度

不确定这是否是您想要的。这个问题似乎有点不清楚

---

< P>而不是使用过时的表格，我会考虑把你的宽度标注成百分比，以便有一个流畅的布局。

---

你的分数是多少？你的CSS是什么？你在哪里向我们展示你的问题，以及你尝试了什么…？设置一个演示或发布一些代码，我们将进行查看是的-几乎。我需要一些不需要使用固定宽度的东西。因此，布局的功能类似于元素，其中列可以根据需要调整大小。像这样，dispaly:table做得很好-我有一个错误，看起来不是这样的行为。更新了JSFIDLE链接。就像@Dominik M的答案一样，使用基于百分比的宽度。