用css设计html任务栏让我抓狂

我对我的css很生气。。我想得到以下结构

<div class="taskbar">
  <div class="startbutton">
    Text
  </div>
  <div class="tasks">
    <div class="task">task 1</div>
    <div class="task">task 2</div>
    <div class="task">task 3</div>
     ...
  </div>
<div>

文本
任务1
任务2
任务3
...

符合下列标准的：

-

任务栏

应该放在屏幕底部（

位置：绝对？

）

-

startbutton

应为左侧（宽度与内容文本动态匹配）

-

任务

应占据剩余的窗口宽度

-

任务

应具有

最小宽度和最大宽度

。。。根据窗口宽度的不同，宽度可以在最小宽度和最大宽度之间变化

动态任务宽度的问题不是问题。我将用jquery在调整大小事件上解决这个问题。。。但其余的都快让我发疯了！！！ 我不会发布任何css内容，以避免leed进入我的错误方向：-(

谢谢你的回复

---

更新：这是我的JSFIDLE

展示了你到目前为止所做的一切。亲爱的，没有你的CSS，我们不能再帮助你了。所以请用你的Amaziling CSShere在JSFIDLE中制作我们…我的问题：-任务应该有类似于页边空白的顶部…-任务不应该包装around@TheVillain你想要的结果是什么？创建宽度为100%的任务栏、开始按钮（宽度由内容定义）和任务动态计数的任务区域。每个任务应具有minwidth和maxwidth。根据任务计数，任务宽度可以小于maxwidth，但至少小于minwidth（溢出：省略号）。完整的任务栏不应环绕，任务也应保持在一行中。我认为设置任务实际大小的数学不是问题所在。当任务栏的其余部分表现正常时，这可能是一个jquery任务。。