Use css to fix the bottom footer (solve the problem of bottom moving up when the content is not full)

First, let's take a look at my recent problems: when the content of the article is not filled up, footer moves up at the bottom of the website, which is unacceptable to many customers. The css solution is as follows: & amp; lt; html & amp; gt; & amp; lt; head & amp; gt; & amp;

First, let's take a look at my recent problems:

When the content of the article is not filled up, footer moves up at the bottom of the website, which is unacceptable to many customers.

The css solution is as follows:

       
      
This is the content www.phpddt.com
  
This is the content www.phpddt.com
Note: # the padding value and footer height of main are the same as those of negative margin values.

If you see it, the solution will no longer let your footer hover over the air:
 

Another tips is to set the div's default height. When the content is too long, it will automatically lengthen:

Min-height: 200px; height: auto;