A simple method to be compatible with IE6's min-width and min-height

If a website is widescreen, you drag the browser window left and right and the website width will change with the size of the window. When the browser window width is reduced to a certain extent, a scroll bar will appear below and the website width will not be reduced any further. We know that this simple function can be easily achieved using CSS min-width, but unfortunately, many of our users' IE6 does not support this very convenient attribute. What can we do? We can solve this problem by adding the following CSS statement when designing the web page:

Method 1:

Just add the above three lines of code to the div that requires a minimum width. The principle is to use the BUG of IE6 itself (when the content inside a block-level element exceeds the height of this block-level element, the height of the block-level element will be stretched, that is, the height attribute in IE6 itself is equivalent to min-height).

Method 2:

Method 3:

Method 4:

Any of the above four methods can solve the problem that IE6 does not support the min-width attribute. This site uses the fourth method.

The above simple method of min-width and min-height compatible with IE6 is all the content that the editor shares with you. I hope it can give you a reference. I also hope that you will support 123WORDPRESS.COM.