我正在製作一個存在於iFrame中的UI,並且可以嵌入到HTML頁面中。 UI包含一個可變長度的水平菜單。想是這樣的:使iFrame向左擴展
首頁 - 登錄 - 關於 - 幫助
但是,在菜單的元素的長度/數是隨時可能更改。該UI存在於其所嵌入的每個頁面的右上角的上。我想要發生的是,當我添加一個元素到菜單中時,讓我們說「聯繫我們」,我想讓iFrame向左擴展以容納額外的元素。
眼下的菜單結構與
display: inline-block;
風格多個div但我也嘗試過使用UL和LIS。
使這變得複雜的是,我不想讓iFrame的寬度成爲整個頁面,我只是希望它足夠大以容納菜單。但是,如果我在添加新元素時未明確設置寬度,而不是水平排列,則會將其推送到下一行。
所以,當我添加新元素(聯繫我們),我希望它看起來像這樣:
Home - Login - About - Help - Contact Us
但它結束了看起來像
Home - Login - About - Help
- Contact Us
(請記住這一切發生的內部的position: fixed;
到每頁的右上角)
我想弄清楚的是如何使iFrame擴展到左側而不是推新元素d擁有下一行。提前致謝。
你能否把一個代碼示例? –