✔ Element mit dynamischer Höhe verschieben

[strukturart]

Hallo,

wie kann ich denn ein Element dessen Höhe ich nicht kenne um sich selbst verschieben.
Ich habe ein Beispiel auf CodePen erstellet: http://codepen.io/strukturart/pen/JoeXNN

Gruss John

 

[SpiceLab]

http://codepen.io/anon/pen/QwJKoJ

Darin habe ich drei Tippfehler korrigiert (display:table & ul_#maine-menu) und height:120px auf height:auto umgestellt, da die Höhe ja unbekannt sein soll.

 

[strukturart]

Hallo SpiceLab,

danke für deine Antwort, durch das

height:auto;

greift das

transition:1s;

nicht mehr, wie könnte ich das
noch lösen?

 

[SpiceLab]

http://www.w3schools.com/css/css3_transitions.asp

-> transition:height 1s ?

 

[strukturart]

funktioniert nur mit einer fixen Grösse:

nav:target ul{
height:auto;//transition: no
//height:200px;//transition: okay
}

 

[strukturart]

So funktioniert es:

nav:target ul{
  height:auto;
  max-height:200px;

}

transition: max-height 2s;