Question

I have a website I am developing.
I have this div with another div inside of it named ‘second’.
I want the first div to be the same height as ‘second’.
So I make the height: of the first div: height:auto; but that doesnt work, that makes it shorter then ‘second’. How do I set the height of the first div to match the ‘second’ div?
The reason why the height needs to be the same as ‘second’is because ‘second’ has expanding content in it.

Answer 1

There are some reasons the outer div doesn’t span as the inner does.

1. .second is floated. If that’s that case add <div style="clear:both"></div> just before the outer div is closed.

2. .second is absolutely positioned. There’s no way to resolve that issue.