2017-10-07 1 views
0

Mein dropdown button verbirgt sich in einem überlauf div, siehe bild, bevor ich auf den button klicke. enter image description herebootstrap button dropdown verbirgt sich in überlauf

Bild unten ich auf die Schaltfläche geklickt dort enter image description here

Schauen Sie, Drop-Down-Inhalte in meine ‚überschwemmt‘ div ist, wie ich das Problem beheben?
Ich benutze Bootstrap 3.4.
Ich habe mein eigenes Dropdown-Menü bereits erstellt, aber ich bekomme das gleiche Problem.

+0

ich mit Øverup aller Elemente Dropdown-Inhalte wollen –

+1

Können Sie zeigen uns Ihre HTML so können wir überprüfen, ob Sie die richtigen Klassen hinzugefügt sind ? –

+0

@MarvelMoe ist da, danke für Aufmerksamkeit –

Antwort

2

Sie verstecken Überlauf für alle Elemente in Benutzerklasse.

.users .user > * { 
    overflow: hidden; 
} 

Sie können es entfernen, wenn nicht benötigt. oder halten, dass und überschreiben als

.users .user .control { 
    overflow: visible; 
} 

hier ist eine Arbeits codepen

+0

https://codepen.io/thecodermarcelo/pen/KXoPNX Jetzt ist der Dropdown-Inhalt der ersten der Liste unter der zweiten der Liste –

+1

nehmen Sie den 'Z-Index heraus: 1; 'from' .users .user> * 'Stile. hier ist der funktionierende Codepen. https://codepen.io/anon/pen/pWLzwp – sbr

Verwandte Themen