The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Parent div with 2 child div (top and bottom of parent div)

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #237472


    I was wondering if anyone can help me.

    I have a full width slider (parent div). Within the slider div I need to add a menu (child div 1) and heading (child div 2).

    The menu can stay at the top of the slider div.

    What would be the best way to position the heading div at the bottom of the slider div (this website is responsive) so as the slider div resizes I want the heading to stay at the bottom of the slider parent div. Hope that makes sense.

    The only way I could do it is adding “position:absolute” to the heading div, but then its not responsive (and I need it to the width of the wrapper)

    Here is my code.

    Hope someone can help me.




    You were correct with position: absolute, you just need equal left and right values to get the required width. See my updated pen, is this what you were after?


    That’s perfect thank you very much timbarden!

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.