I previously asked a question and successfully solved it using jQuery, but now I want to find a solution using CSS. I am working with pure CSS.
Here is the answer.
@Mamun advised me to create a new question, so here we are.
For more information, please refer to the original question.
Update From Previous Question:
I have dynamically added divs (.class-row-notification) to another div (.class-append-con).
My goal now is to set the height of the first 5 divs to match the max-height of their parent div (.class-append-con) including margin, padding, and borders.
The combined height of the first five divs should equal the max-height of the parent div (.class-append-con).
How can this be achieved? The solution needs to work seamlessly across different browsers using only CSS.
Thank you.