I feel really stupid for not seeing whats wrong here.
Basically three divs in a row with a container – want all of them to be as high as the container.
Here’s a reduced test case:
http://codepen.io/jgclifton/full/mDdpv
Any ideas?
Share
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I feel really stupid for not seeing whats wrong here.
Basically three divs in a row with a container – want all of them to be as high as the container.
Here’s a reduced test case:
http://codepen.io/jgclifton/full/mDdpv
Any ideas?
Give
div.containeran explicit height, and yourdivs will line up perfectly. Currently, it has a height ofauto, meaning that usingheight: 100%on the child elements has no effect. Setting a height of, say, 200px on the container gives the percentage-based height something to use as a reference.