The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Div wont inherit height according to inner child divs.

  • Anonymous
    # July 12, 2013 at 12:11 am

    I know ive been posting allot on this website lately but this is practically my second Google. When Google can’t help i come here.

    Anyway for some reason the container div wont inherit the height of the child divs inside it. This is something that should happen automatically and it does with all the other divs on the website. I oversized the contact form and gave it a red background to show that the blue container doesn’t inherit the height as it should. Why is this?

    doesn’t have max-height or any of that.

    # July 12, 2013 at 12:16 am

    Do you have a link? :)

    # July 12, 2013 at 12:18 am

    Oh snap. forgot to post it.

    # July 12, 2013 at 12:21 am

    Do you need to clear your floats? I set the container div to overflow:hidden (not my usual method ) and that seemed to help.

    EDIT: You could put the contact form and the additional into a div and set that div to overflow:hidden or apply your usual clear fix solution.

    # July 12, 2013 at 12:30 am

    @theacefes. float is definitely the culprit. Thanks i fixed it.

    # July 12, 2013 at 12:50 am

    No problem. :)

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed