CSS区分IE各版本以及火狐的写法(国外英文资料).docVIP

CSS区分IE各版本以及火狐的写法 CSS distinguishes between IE versions and firefox Author: Davids release time: 2011-11-03 23:45:310 Look at this article, the CSS must be the top quack!!!! The box_mid content of the box is typically added to the box to make its height: auto! Important; Min - height: fixed value; But the background in box_mid, for a background image, is the level of the tile that grows as the content grows. If we want to keep the contents of the box_mid from the box_top headers, we need to set margins: 20px auto; But it doesnt connect the background to the background. Can be changed to: Margin: 0 auto; Padding - top: 20 px; Padding_bottom: 20 px; The background picture of the entire box will be linked together. The following references: All browsers common (the main use of IE6 IE7 FF) Height: 100 px; IE6 is special _height: 100 px; IE6 is special * height: 100 px; IE7 a dedicated * + height: 100 px; IE7, FF sharing Height: 100 px! Important; A, CSS compatibility The following two approaches can almost solve all of todays compatibility. 1,! Important (not recommended, one of the safest) With IE7 on! Important support! The important method is now only for IE6 compatibility. (note how to write it. Remember the location needs to be advanced.) Code: 2, 6 / IE77 to FireFox * + HTML and * HTML are the unique tags for Internet explorer, while firefox is not currently supported. Code: Note: * + HTMLs compatibility with IE7 must ensure that the HTML top has the following statement: Code: Two, universal float close (very important!) You can use this to solve for multiple div alignment, How To clear Floats Without Structural Markup? Add the following code to the Global CSS and give the closure div plus class = clearfix. Code: Other compatible skills (quite useful) 1, the padding of div to div will cause width and height to increase, but IE will not. 2, center the problem. Set the line - height to the same height as the current div, and then through veto-align: middle. (note th