Popup nicht immer die volle navbar Größe

ich hier vor ein Problem,Popup nicht immer die volle navbar Größe

Das Popup-Element LINES wird immer die Größe der <div class="right menu"> anstelle der <div class="ui top attached menu">. Dieser Grund, mein Pop-up die gleiche Größe des rechten Menüs ist, muß ich das Popup die gleiche Größe des gesamten navbar seine

hier die Geige ist: http://jsfiddle.net/qawdfw0y/1/

Vielen Dank im Voraus

Quelle

2017-03-02 João Mantovani

Wird die gesamte navbar immer 100% der Bildschirmbreite betragen? –

Ja, die Navbar hat eine feste Breite (tatsächliche Bildschirmauflösung) –

Es hat perfekt funktioniert, danke! –

Ich weiß nicht, ob dies ist genau das, was Sie gehen ... aber es sieht ziemlich gut zu mir:

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

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

Ich weiß, dass die Verwendung von !important nicht typischerweise das beste, aber die style wird von semantic.js gesetzt. Die einzige Alternative wäre die Manipulation von semantic.js, damit dies das macht, was Sie wollen.

Quelle

2017-03-02 15:51:44

Ihre Das Popup-Element befindet sich innerhalb des .right-Klassenelements, also wird es definitiv seine Breite haben.

Was können Sie versuchen, ist

.right {width: 100%;}

und auch in Ihrem Popup-Block.

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

Quelle

2017-03-02 15:11:44

Danke für die Antwort, aber ich habe einige Elemente mit diesem –

verloren Sie können versuchen, Ihr Popup-Element aus dem richtigen div dann zu entfernen! –

Popup nicht immer die volle navbar Größe

Antwort

Verwandte Themen