Min-width in IE6-standard mode and Quirk Mode

Source code:

Trigger and take advantage of the weird characteristics of the IE6-layout, CSS implementation:

CopyCode The Code is as follows: <style type = "text/CSS">

. Ie6-out {
_ Margin-left: 900px;
_ ZOOM: 1;
}
. Ie6-in {
_ Position: relative;
_ Float: left;
_ Margin-left:-900px;
}
# Min-width {
Min-width: 900px;
Background: # CCC;
Line-Height: 200px;
_ ZOOM: 1;
}
</Style>

<Div class = "ie6-out">
<Div class = "ie6-in">
<Div id = "Min-width"> IE6-lower, the container simulates the Min-width effect. Change the browser window size and click "view width ". </Div>
</Div>
</Div>

CSS implementation Demonstration:

Run code box

<textarea id="runcode65234"></textarea> Xmlns = "http://www.jb51.net/xhtml">

Under AA aaie6-, the container simulates the Min-width effect. Change the browser window size and click "view width ".