Shulou(Shulou.com)06/02 Report--

What is the minimum height min-height setting in DIV+CSS? I believe many inexperienced people don't know what to do about it. Therefore, this paper summarizes the causes and solutions of the problem. Through this article, I hope you can solve this problem.

To describe the skills of using min-height in DIV CSS, the min-height attribute can set a minimum height of BOX, but so far, only Opera and Mozilla are supported, but not in versions above IE7. How to use the minimum height reasonably and wisely on the existing basis (IE680-90%)? Please see the detailed description below.

Minimum height setting in DIV+CSS min-height setting

The min-height attribute can set the minimum height of a BOX, and when its content is less, it can also keep the height of the BOX to be fixed, and when it exceeds it, it automatically extends downwards, but so far, only Opera and Mozilla are supported, but not in the above version of IE7. How to use the minimum height reasonably and wisely on the existing basis (IE680-90%)?

Suppose there are two BOX (box1 and box2), and we both set the minimum height to 150PX.

The following is a reference to the CSS fragment:

Div.box1,div.box2 {width:300px; min-height:150px;background:#EEE; float:left;margin-right:20px;}

The following is a reference to the HTML source code snippet:

Do not keep the minimum height in IE6 for 150px all IE supports keeping the minimum height to 150px

Currently, IE6 and some IE7 versions do not maintain the minimum height of 150px.

The solution

Provide csshack to set IE6 height

The following is a reference to the CSS fragment:

Div.box1,div.box2 {width:300px; min-height:150px;background:#EEE; float:left;margin-right:20px;} div.box2 {* heightlane autogenous importantposition heightwaver 150px; min-height:150px;}

The above is explained by setting box2 as follows:

* height autocompatibility importantposition height 150px; to distinguish between IE6,IE7 and other browsers to achieve the minimum height of compatibility-you may need to know the difference between CSShack and how different browsers write it.

From the above DIV+CSS example, I hope you can understand that each browser supports the minimum height (min-height:) method. Here, the csshack method is used to distinguish between ie6 and some ie7 that do not support the min-height method.

After reading the above, have you mastered the method of setting the minimum height min-height in DIV+CSS? If you want to learn more skills or want to know more about it, you are welcome to follow the industry information channel, thank you for reading!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.