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

Home Forums CSS Floating DIVs/LIs with uneven heights

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

    Hello :)

    I’ve come up with a little problem… here’s [a link to CodePen]( “”) which will show you what I’m dealing with at the moment.
    As you can see, the 4th red box shifts up and under the 3rd one, creating an unintended effect.
    Now if you reduce the width of class _.block_ to 920px, the first 6 _li’s_ will align perfectly regardless the height of the content, but this is not how I want to deal with this problem.
    Now I recall seeing a little CSS snippet that dealt with a [similar problem]( “”) which (most probably) had undefined width in the parent element and variable heights of the child elements. I looked for this snippet (which I thought was here) but couldn’t find it.

    If anyone out there has a solution for this, I’d be really glad :D



    Wow, this is exactly what I was looking for:D Thank a lot @ChrisP, much appreciated!


    @DriftingSteps: Could you please post the solution here ? because i am facing with the same issue, so it will be helpful.

    Thanks in advance !



    I’d suggest you ask a new question with your own minimal demo in, preferably, rather than re-animating a 5-year old post.

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