Css 需要流体布局方面的帮助吗

我有一个半流体布局，这给我带来了一些问题。它越来越近了，但当我收缩窗口时，有几个元素被向下推。你可以在这里看到：

---

当我缩小窗口时，表格导航的选项卡（页面中间向下）以及日历键（在日历的正左边）被按下。如何使这些元素正常工作？无论我做什么，我似乎都无法让它工作，任何帮助都将不胜感激。

将ul容器设置为

空白：nowrap

，并在.ui选项卡上设置最小宽度，现在似乎工作正常。

这是一种常见的行为-这些元素还应该保留在小屏幕上的其他位置？但是如果你真的想把它们放在一行中，试着

空白：nowrap为周围元素。我得到了日历键，因为它碰到了左侧包含所有代表信息的div，所以我缩短了它。但是，选项卡导航仍然存在问题，且nowrap属性似乎对ul容器没有任何影响“nowrap属性似乎对ul容器没有任何影响”是的，如果替换
float:left按
显示：内联块用于内部
LI
s。但是如果它们排成一行，它们会溢出到右边…这确实有效，但是当我收缩时，ul会重叠在容器的侧面。不过，如果我只是在.ui选项卡上设置了一个最小宽度，那么它似乎是可行的，我猜无论如何配置，这都是必需的。