The method of hack under IE7

Previously in ie5.01, ie5.5, E6, Firefox has shown that the normal page is now encountered IE7, may be displayed differently.
This has a lot to do with IE7 support important.
So now using the simple fold-break
For more specific introduction, look at the HTML introduction bar!!!!

<style>
Div. explorer{
Display:none;
margin:5px;
padding:5px;
width:200px;
line-height:150%;
border:2px #666 Solid;
}
Div. Explorer DL dt{
Font-weight:bold;
}
* * for IE7 hack*/
*+html Div. ie7{
Display:block!important;
Display:none;
}
</style>
<div class= "Explorer ie7″> Note that" *+html "is a CSS in the selector, very fortunate to be IE7 and ie5.01 use, and the distinction between IE7 and ie5.01 there is a very simple way, is important, In this way, the important is written in front, forming a separate approach to IE7 hack. Usually remember the following points, you can avoid many mess compatibility problems
<dl>
<dt> follow apply padding/border and fixed width to the same element at the same time. </dt>
The &LT;DD&GT;IE5 error block model is the culprit, and it makes a mess of things. Although there is a remedy, it is best to circumvent this problem by specifying padding for its parent element when the child element's width is fixed. </dd>
<dt> If you are sure to use floating objects in the layout, don't forget to use the clear attribute at the right time. </dt>
<dd> floating elements seem easy and difficult to manage. If you find that a floating object extends the bounds of the container or does not display as you expect, check to see if your expectations are correct. </dd>
</dl>
</div>
<div class= "explorer" ></div>
<div class= "explorer" ></div>
<div class= "explorer" ></div>
<div class= "explorer" ></div>