Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I’m having an issue with height of a div element in my code.
Take a look at this example: http://jsfiddle.net/qUfr8/
…and now this: http://jsfiddle.net/DdUbr/
Pay attention on the red border. It’s fine in the first example, but not in the second.
The only difference between those examples is that I added two div elements to the second code and now the height of content is equal to 0, but the content is still displayed, though.
How I can fix this issue?
You need to use a clear fix if your floating elements inside a div
http://www.webtoolkit.info/css-clearfix.html
jsFiddle example: http://jsfiddle.net/DdUbr/2/