彈出沒有得到完整的導航欄的大小

我現在面臨一個問題在這裏，彈出沒有得到完整的導航欄的大小

彈出元素LINES越來越的<div class="right menu">代替<div class="ui top attached menu">大小。正因爲如此，我的彈出窗口右鍵菜單中的大小相同，我需要彈出的是整個導航欄

這裏同樣大小的小提琴：提前

來源

2017-03-02 João Mantovani

整個導航欄是否總是100％的屏幕寬度？ –

是的，導航欄將有一個固定的寬度（實際屏幕分辨率） –

它的工作完美，謝謝！ –

我不知道這是否是你要去什麼的...但它看起來相當不錯，我：

.ui.popup { 
    min-width: 98vw; 
    left: 1vw !important; 
} 

/* To move the arrow on the box */ 
.ui.bottom.center.popup:before { 
    right: 320px; 
    left: auto; 
}

我知道使用!important通常不是最好的，但style正在由semantic.js設置。唯一的選擇是操縱semantic.js，以便做到你想要的。

來源

2017-03-02 15:51:44

http://jsfiddle.net/qawdfw0y/1/

謝謝您popup元素在.right類元素中，所以它肯定會佔用它的寬度。

什麼，你可以嘗試是

.right {寬度：100％;}

，並在您的彈出框。

<div class="ui fluid popup bottom left transition hidden" 
style="top: 554px; left: 1px; bottom: auto; right: auto; width: 100%;">

來源

2017-03-02 15:11:44

感謝您的回答，但我失去了一些與此 –

元素你可以嘗試刪除您的彈出元素出正確的div然後！ –

彈出沒有得到完整的導航欄的大小

回答

相關問題