Shulou(Shulou.com)06/02 Report--

This article introduces the relevant knowledge of "how to solve the problem of margin collapsing in IE8". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

Previous solution to the margin collapsing problem:

.clear {clear: both; font-size: 0px; line-height: 0px;}

It is difficult to understand that this solution did not work, so I debugged it with IE DEVELOPE TOOLBAR and found that it existed. What on earth is the reason? I couldn't find any related problems on the Internet, so I had to solve them by myself (alas, I wanted to stand on the shoulders of the giant-> Google and always see farther). Needless to say, here's your own solution:

.clear {clear: both; font-size: 1px; height: 1px; line-height: 1px;}

Margin collapsing problem PS: maybe when IE8 parses and renders the page, the element with a height of 0 is not considered as an object at all (personal understanding, not authoritative), and I have to remind you here that it is its disadvantage: the page will produce extra 1px high white space (but I think this should not have any big impact in reality).

This is the end of the content of "how to solve the problem of margin collapsing in IE8". Thank you for your reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.