I have two divs inside a parent div (see image below). When the “black” div grows in height, so does the outer “red” div, but I want to make the “green” div to grow as well. How can this be done in css?
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 have two divs inside a parent div (see image below). When the “black” div grows in height, so does the outer “red” div, but I want to make the “green” div to grow as well. How can this be done in css?
You can use the CSS properties
table, table-row, and table-cell. You may need to check if its supported in browsers your targeting though. http://www.quirksmode.org/css/display.html#tableExample: http://jsfiddle.net/2GawC/