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

This article mainly introduces the relevant knowledge of "how to understand browser compatibility". The editor shows you the operation process through an actual case. The operation method is simple, fast and practical. I hope this article "how to understand browser compatibility" can help you solve the problem.

Once the appropriate DTD is set for the page, most browsers will render the content as shown in the above illustration. However, the presentation of IE 5 and 6 is incorrect. According to the W3C specification, the space occupied by the element content is set by the width attribute, while the padding and border values around the content are calculated separately. Unfortunately, IE5.X and 6 use their own non-standard models in weird patterns. The width property of these browsers is not the width of the content, but the sum of the width of the content, the inner margin, and the border.

Although there is a way to solve this problem. But the best solution now is to avoid the problem. That is, instead of adding an inner margin with a specified width to an element, try to add an inner or outer margin to the parent and child elements of the element.

Terminology translation

Element: element.

Padding: inner margin, which is also translated as padding.

Border: border.

Margin: outer margin, there are also materials to translate it into blank space or blank margin.

This is the end of the content about "how to understand browser compatibility". Thank you for reading. If you want to know more about the industry, you can follow the industry information channel. The editor will update different knowledge points for you every day.

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.