html - css标题上的百分比宽度和高度

我想要一个流畅的标题，所以我使用百分比。

先决条件：

1）我将其称为“基本”，这是一个包含一些必要链接/ img的div。这将占总宽度的15％，并将自行调整大小取决于浏览器大小。

2）其余的将调用“nav”，这也是一个div。它们也是一些链接，随着时间的推移将被添加。 “nav”将占据左侧宽度，为85％（100％宽度 - 基本15％）

3）当“nav”链接增加到一定数量时，它将推送到下一行。

4）最好在I.E.中得到支持。 7岁及以上？

5）最好不要使用float

尝试过的解决方案：
1）在div之间放置html注释行，因为有时html空间会弄乱对齐。

2）将边距0和填充0用于检查是否有原因。

问题：我如何获得一个百分比标题，其中“基本”div占15％，“nav”div占85％的剩余部分，当“nav”div的链接溢出时，它将推送到下一行？< / p>

我已经制作了JsFiddle。