How does Div + CSS achieve the minimum height.

Requirements: when multiple words are required in different browsers, the box will automatically extend.200pxIf the word does not exist, it is still the height. This example mainly uses(! Important)

 

CSSCode:

 

 
* {Padding: 0; margin: 0} body {font-size: 30px; padding: 100px}. Box {width: 300px; Height: Auto! Important; Min-Height: 200px; Border: 5px solid #000000}
 

HTML code:

 

View code

 1   < Div  Class  = "Box"  >  2 Smart Studio <  BR  />  3 Smart Studio <  BR  />  4 Smart Studio <  BR  /> 5 Smart Studio <  BR  />  6 Smart Studio <  BR  />  7 Smart Studio <  BR  />  8 Smart Studio <  BR  /> 9 Smart Studio <  BR  />  10 Smart Studio <  BR  />  11 Smart Studio <  BR  />  12 Smart Studio <  BR  /> 13 Smart Studio <  BR  />  14 Smart Studio <  BR  />  15   </  Div  >