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
expected output
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
Post a Comment