jquery - css issue "even height to all the child element in a container" -


when click click button container 4 overlaps on container 3 scenario

issue : had made height container 1, container 2, contianer 3 display:flex can't achieve container 4, since used position:absolute container 4.

the container contain max-content min-height, respect container should have equal height.

solution can done jquery or css

work done : http://jsfiddle.net/vasanthanvas/wxab9ldn/14/

current output enter image description here

expected output

enter image description here

since using zurb foundation , want match heights of div elements, maybe can try using helper class "equalizer".

all docs , examples here - http://foundation.zurb.com/docs/components/equalizer.html.


Comments

Popular posts from this blog

angularjs - ADAL JS Angular- WebAPI add a new role claim to the token -

php - CakePHP HttpSockets send array of paramms -

node.js - Using Node without global install -