Crazy problem. By removing CSS float the JS doesn't work.

[johnsmith153]

The title is wrong and I can't edit it: It should read: "By ADDING CSS float":

This should return the height of the content:

http://page-test.co.uk/float.html

...but it doesn't work. If I remove the float:left from the boxes then it works:

http://page-test.co.uk/no-float.html (this works)

The only difference in the two is that the boxes in the working one do not have float:left.

Why? This is crazy. What can do I do about it?

Thanks for looking at my examples.

[AndrewGSW]

A parent element that contains only floated elements collapses such that its height is 0. The provided link discusses ways to clear floats.

Adding overflow:auto to the parent element often works to fix this.

[rnd me]

if the tag around the float:left boxes is changed to float:left, its height comes back.