【发布时间】：2013-01-12 20:05:24
【问题描述】：
我正在制作一个位于 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 向左扩展，而不是将新元素向下推到下一行。提前致谢。
【问题讨论】：
-
你能举个代码例子吗？