2016-06-21 90 views
0

我有一個導航(Sample Wireframe),它有一個彩色背景。導航項目列表中,並在不同的分辨率。隨着字體大小的改變,導航容器的高度也會擴大或縮小。不過,我希望這些物品之一(中間的)具有更大的高度並打破容器的邊界。創建導航菜單一個導航項比集裝箱的高度高

最乾淨的方法是將容器的高度設置爲等於使用javascript的其他按鈕的高度,或者仍將始終切斷較大的導航項目?我似乎無法從容器的邊界突破其中一個項目,而沒有進行絕對定位,這些絕對定位完全將其從其他列表項目的流程中排除,並且我希望容器的高度與其餘部分保持一致的按鈕。有什麼想法嗎?

+0

我不認爲用javascript改變高度會有所幫助。當你使用position:絕對?時,你的意思是'把它從流中抽出來嗎? –

+0

對不起,我的意思是,當我絕對放置較大的物品時,它只會落在下一個物品上,如[示例](http://i.imgur.com/LgvRCv7.jpg) – user6495130

回答

0

創建與position:absolute設置爲樣式屬性的項目。

您可能需要在其旁邊創建另一個元素,並使用隱藏在其後面的常規高度來保留寬度。

+0

謝謝,這是我之前嘗試的,但我錯過了藏在它後面的物品。這是否被認爲是破解或這是一個合理的方式來處理?我基本上只是添加了一個隱藏在實際背後的空白「spacer」列表項。 – user6495130

+0

@ user6495130我認爲這是一個合理的方式來做到這一點。多數民衆贊成我將如何處理它。很好很簡單。如果這解決了您的問題,請將其標記爲已接受。 –

0
position:absolute 

會做的伎倆,但也考慮有一個額外的div(嵌套div),所以它從大項目孤立。

0

正如別人所說,position: absolute。需要注意的是,絕對定位的元素的起點位於position: relative(或根元素)的最近元素處,因此如果將父容器設置爲相對,則絕對菜單項將從那裏開始。