Home/ Questions/Q 7746481
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-01T10:17:21+00:00

This jsfiddle example shows what I’m talking about, I gave the div in question

  • 0

This jsfiddle example shows what I’m talking about, I gave the div in question a red border to show how it’s displayed.

I’d expect the #searchwrapper_3 div to go inside the #col_st_cautare one, but for some reason that’s not how it works. I’ve been staring at it for a while now and I got no idea why it’s showing like that

I also have an example of it looking ok simply because i’ve added another element after the #searchwrapper div here.

Issue’s fixed, TIL a div will collapse if it contains only floating elements.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You need to do a clear:both; – see the end of http://jsfiddle.net/wzYry/3/

    <div style="border: 1px solid red;" id="col_st_cautare">
    <div style="float: left;" id="searchwrapper_3">

        .... code ....

    </div>
    <div style="clear:both;"></div>
</div>​

    On a side note, it may be easier to make clr class in your styles.

    .clr{clear:both;}

    This way you can use this anytime you need to clear

    <div class='clr'></div>
    • 0