Web page compatible Web page width

Source: Internet
Author: User

IE6 Identification * And _,!important not recognized
IE7 Recognition *, unrecognized _, identify!imortant
and Firfox Two are not recognized, identify!important

frame with 990, non-frame with

1. The float:left element allows any element to be displayed on its right side, whether inline or as a block element. But the left side of it is still not allowed to have any elements with the display, even if the other elements of the code before, unless also to the previous element plus float:left, only allow peers to display.
The Display:inline element is set to allow other inline elements to appear before and after it exists. As for the code in front of the block elements of the display, you want to let the previous element float (whether left or right floating) or set to Display:inline, and the code is behind the block element (whether it is floating, is left floating or right floating), can not be accompanied by, unless set to display: Inline
In addition, the block-level elements are set up display:inline is to solve the famous IE6 double floating weapon.
2.float enables block-level elements to become inline elements!
3,. The row element only left and right margin, no upper and lower margins, and left and right margins will not be merged! Margin merging is only possible with the vertical margin of the block box in the normal document flow. Margins between inline boxes, floating boxes, or absolute positioning are not merged.
4.IE6 The difference between box understanding causes the div set to float to double the value of margin in IE (block-level element margin doubles, and float direction and margin are in the same direction), such as:
 #box {float:left; width:100px; margin:0 0 0 50px; }

//In this case, IE will produce 100px distance
Here's how to fix it:
#box {float:left; width:100px; margin:0 0 0 50px; Display:inline;}
/////Simply add the Display:inline attribute so that floating is ignored, you can resolve

5.
The sum of the width of the float element is less than 100%
6. Float element Be sure to specify the Width property
Many browsers have bugs when displaying a float element that does not have a width specified. So regardless of the contents of the float element, be sure to specify the width property for it.
When specifying an element, use EM instead of PX as a unit.
7. Float element cannot specify attributes such as margin and padding
IE has a bug when displaying float elements that specify margin and padding. Therefore, do not specify the margin and padding properties on the float element (you can nest a div inside a float element to set margin and padding). You can also use the Hack method to specify special values for IE.






Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.