CSS:将宽度/高度设置为百分比减去像素

我正在尝试创建一些可重用的CSS类,以提高网站的一致性和减少混乱,而且我坚持尝试标准化我经常使用的一件事。

我有一个<div>我不想为其设置高度的容器(因为它会根据其在网站上的位置而有所不同),并且在其中是一个header <div>,然后是一个无序的项目列表,所有这些都应用了CSS他们。

看起来很像这样:

小部件

我想无序列表占用容器中剩余的房间<div>,知道头部<div>18px高大的。我只是不知道如何将列表的高度指定为“ 100%减去的结果18px”。

我已经在SO的其他几个上下文中看到了这个问题,但是我认为值得再次询问我的特殊情况。在这种情况下,有人对您有任何建议吗?