2017-02-16 17 views
0

我試圖創建一個彈出式菜單,很像docs中的示例,但fluid屬性停止工作,如果我也在ui item類中包裝彈出窗口作爲菜單類。相反,彈出窗口只顯示爲與按鈕一樣寬。語義UI彈出流體標籤不工作在UI項目類

我需要ui item類爲了保持我的菜單元素排列正確,所以我正在尋找一個解決方法,以保持流體屬性(或獲得等效的效果)與菜單和項目課程到位。

我的代碼看起來有點像這樣(與混合另一些內容,但是這個代碼足以複製誤差):

<div class="ui menu"> 
<!-- Removing ether menu above, or item below will cause the fluid tag to work --> 
    <div class="ui item"> 

    <div class="ui button"> 
     hi 
    </div> 
    <div class="ui fluid popup"> 
    <!-- fluid class currently has no effect --> 
     Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
    </div> 
    </div> 
</div> 

和工作的jsfiddle:

http://jsfiddle.net/hb54c7r0/7/

回答