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

How to understand the two solutions of IE6 double margin spacing, in view of this problem, this article introduces the corresponding analysis and solution in detail, hoping to help more partners who want to solve this problem to find a more simple and feasible method.

The solution of double margin spacing in IE6

Method 1:

Suppose: a div code is

When a css style sets both float and margin properties, the element appears fine on ie7+ and Firefox. But under ie6, there will be a double margin-left attribute value, that is, the actual margin-left value of the div in the above code under ie6 is 20px.

The easiest way to solve this problem is to add: display:inline to the style

As in the above code, it will be changed to

:

Method 2:

You can write css code for compatible browsers in the following ways:

* species

: .div {background:orange;/*ff*/ * backgroundvir greenbelt importantwitch: ie7percent / * background:blue;/*ie6*/}

The second kind

: .div {margin:10px;/*ff*/ * margin:15px;/*ie7*/ _ margin:15px;/*ie6*/}

The third kind

: # div {color:#333;} / * ff*/ * html#div {color:#666;} / * IE6*/ * + html#div {color:#999;} / * IE7*/ 's answers to the two major solutions to how to understand the double margin spacing of IE6 are shared here. I hope the above content can be of some help to you. If you still have a lot of doubts to be solved, you can follow the industry information channel for more related knowledge.

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.