What is the method of using CSS to define DIV height rows under IE6

This article introduces what is the method of using CSS to define DIV height row under IE6. The content is very detailed. Interested friends can use it for reference. I hope it will be helpful to you.

The problem of CSS defining DIV height under IE6

The default font size under IE6 is roughly between 12-14px. When you try to define a DIV whose height is less than this default, IE will stubbornly believe that the height of this layer should not be less than the line height of the font. So even if you use height:4px; to define the height of a DIV, what is actually displayed under IE is still a layer with a height of about 12px. Add overflow:hidden to resolve the problem.

< div style= "height:4px;overflow:hidden;" > < / div >

In IE6, when using CSS to define the height of DIV, you often encounter this problem, that is, when the minimum height of DIV is less than a certain value, you will find that no matter how you set the minimum height, the height of Div will be fixed at a value that will no longer change. This problem is very annoying. Such as the following situation.

HTML code

< html > < head > < title > < / title > < styletype= "text/css" >