我正在创建一个位于iFrame内部的UI，并且可以嵌入到HTML页面中。 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向左扩展，而不是将新元素推向下一行。提前谢谢。
答案 0 :(得分：0)
只要两个页面位于同一个域中，您就可以使用javascript中的window.frameElement属性在菜单页面内设置iFrame元素的大小。
答案 1 :(得分：0)
查看这个在两个轴上处理iFrame大小调整的小lib。