我正在制作一个位于 iFrame 内的 UI，并且可以嵌入到 HTML 页面中。UI 包含一个可变长度的水平菜单。想一想：
首页 - 登录 - 关于 - 帮助
但是菜单的长度/元素数量可能会发生变化。UI 位于它所嵌入的每个页面的右上角。我想要发生的是当我向菜单添加一个元素时，比如说“联系我们”，我希望 iFrame 向左扩展以容纳额外的元素。
现在菜单结构有多个 div 样式
display: inline-block;
但我也尝试过使用 UL 和 LI。
让这件事变得复杂的是我不希望 iFrame 的宽度是整个页面，我只希望它足够大以包含菜单。但是，如果我在添加新元素时没有明确设置宽度，而不是水平排列，它们会被推到下一行。
所以当我添加一个新元素（联系我们）时，我希望它看起来像这样：
Home - Login - About - Help - Contact Us
但它最终看起来像
Home - Login - About - Help
- Contact Us
（请记住，这一切都发生在position: fixed;每个页面右上角的 iFrame 内）
我想弄清楚的是如何使 iFrame 向左扩展，而不是将新元素向下推到下一行。提前致谢。