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

This article introduces you how to explore the compatibility of margin in FF IE6 IE7, the content is very detailed, interested friends can refer to it, I hope it can help you.

Focus on the compatibility of margin in FF/IE6/IE7, DIV set to float will double the margin set under IE. This is a bug that exists in IE6.

margin Compatibility in FF/IE6/IE7

DIV set to float doubles the margin set under IE. This is a bug that exists in IE6. I have summarized two solutions, of course, there may be other ways, know can leave a message to share hehe.

Solution 1:

Add display:inline to the DIV.

For example:

<#DIVid="imfloat"> The corresponding css is #imfloat{ float:left; margin:5px;/*IE understood as 10px*/ display:inline;/*IE understood as 5px*/}

Solution 2:

Pass! This is an important hack. (There are three forms.)

*** Species:

.DIV{ background:orange;/*ff*/ *background:green! important;/*IE7*/ *background:blue;/*IE6*/ }

Second:

.DIV{ margin:10px;/*ff*/ *margin:15px;/*IE7*/ _margin:15px;/*IE6*/ }

Third:

#DIV{color:#333;}/*ff*/ *html#DIV{color:#666;}/*IE6*/ *+html#DIV{color:#999;}/*IE7*/About how to explore the compatibility of margin in FF IE6 IE7 to share here, I hope the above content can be of some help to everyone, you can learn more knowledge. If you think the article is good, you can share it so that more people can see it.

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.