What is haslayout??Haslayout is a unique attribute of IE. Many CSS bugs in IE are closely related to them. In IE, an element either calculates the size and organization of its own content, or relies on its parent element to calculate the size and organization content. When the haslayout attribute value of an element is true, it is responsible for calculating and locating the size of itself and its potential child elements. Although this means that this element requires more cost to maintain itself and its content, rather than relying on the ancestor element to do this.
It can be seen that the height of the peripheral container is supported this time.
Similarly, setting the other settings described above will trigger the CSS attribute of haslayout will get this result.
Generally, browsers that comply with standards such as Firefox can add overflow: hidden; To solve this problem, while IE does not. You need to trigger its haslayout attribute.
Haslayout can also have an effect on inline elements. When haslayout of an inline element is true, you can set the height and width for this inline element and get the expected effect. For example:
Code:
<P> today's <span style = "width: 100px; Height: 50px; Background: # DDD;"> good weather </span> </P>
Shows the effect:
Add ZOOM: 1 to span to trigger haslayout:
today's weather really good
note that haslayout is proprietary to Microsoft, it is ineffective for browsers that comply with standards such as Firefox, so it cannot be too dependent. It seems that IE8 does not need to trigger haslayout to achieve the same effect as Firefox. I wonder if IE8 has abandoned this attribute?
In fact, according to the rational semantics, the appropriate document stream, and the pages produced by correct standardization, under the standard rendering browsers produced by various companies, generally, there will be no compatibility issues.
in general, if the display does not match the expected effect caused by layout, it will behave normally in ff, and an error will occur in IE. At this time, you can try to trigger the haslayout attribute of the parent container and its sub-containers. You can usually add ZOOM: 1; to debug the feature. Until the problem element is found, and then the targeted correction is made. The best way is to set the size attribute for this element. However, sometimes it is inconvenient to specify the size attribute, you can only find an alternative. For IE7, the best way is to set the minimum height attribute to 0. This technique is harmless, because 0 is the initial value of this attribute. And there is no need to hide this attribute from other browsers. The method for triggering an element haslayout in IE6 and earlier versions is to set the height attribute of this element to 1% when the overflow attribute is visible, and then hide this setting for other browsers. This technology is the famous Holly hack.
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
