Table of CSS Bugs Caused by hasLayout

Alas, there is no way, because the domestic market is full of such grinning browsers... ( pay attention to the death speed of IE678 )

After checking, reading, excerpting, recording, practicing and summarizing one by one, I finally had a fundamental understanding of the cause of his bad habit.

First the definition:

It is a unique property of IE. It determines whether an element either calculates the size and organizes its own content, or relies on the parent element to calculate and organize the content. To distinguish these two concepts, the rendering engine uses the hasLayout attribute, true or false. When the attribute is true, we say that this element triggers layout.

Tags with hasLayout attribute :

What is the significance of this attribute?

When the layout of an element object is activated, the positioning and size calculation of it and its child elements will be performed independently, that is, independent layout, so the browser will consume more costs to process elements with layout. In order to improve performance, IE has come up with this private property.

CSS features that can trigger hasLayout:

IE7 can trigger the hasLayout CSS feature:

Let's take a look at the clinical manifestations of crooked mouth and slanted eyes : (The following contents are all tested by myself)