2016-04-29 8 views
0

Ich versuche, die Mindesthöhe eines Elements, aber es funktioniert nicht in IE. Kann mir bitte jemand helfen? Ich habe gegoogelt und die Lösung dafür funktioniert auch nicht. Das Update ist unten (das funktioniert nicht).Min-Höhe funktioniert nicht in IE

min-height: 130px; 
height auto !important; 
height: 130px; 

Hier ist meine CSS:

.example { 
    box-sizing: border-box; 
    width: 100%; 
    margin-left: 80px; 
    transition: transform 0.3s; 
    transition-timing-function: cubic-bezier(0, 0, 0.26, 0.89); 
    will-change: transform; 
    text-align: left; 
    min-height: 390px; 
    display: flex; 
    align-items: flex-end; 
    flex-flow: nowrap; 
    vertical-align: bottom; 
} 

Dank

+0

Werke für mich https://jsfiddle.net/j9Lb3875/ Welche Version von IE? –

+0

IE11 ------ Version –

+0

Funktioniert meine Geige, was Sie erwartet haben? Wenn nicht, was möchten Sie stattdessen tun? –

Antwort

0

ich eine border:1px solid red; hinzugefügt, um die Tabelle zu visualisieren. Es scheint für mich in IE11 gut zu funktionieren. Überprüfen Sie, ob Ihr div nicht durch seine Umgebung eingeschränkt ist. Wenn es keinen Platz zum Erweitern hat, wird es nicht funktionieren.

Verwenden Sie F12, um das Entwicklerfenster in IE zu öffnen. Von dort aus können Sie Elemente prüfen und herausfinden, welche CSS-Regeln angewendet werden. Wenn Sie immer noch Probleme haben, fügen Sie allen Bereichen in diesem Bereich Rahmen hinzu, damit Sie genau wissen, welches div-Element welchen Platz einnimmt und ob das Leerzeichen auffüllen, Rand oder anders ist.

https://jsfiddle.net/j9Lb3875/1/