html - Footer always at bottom but without fixed height -

Can someone help me create HTML code on the basis of the DIV, in which the same result based on this table based code Is: & Lt; TR & gt; & Lt; TD bgcolor = pink & gt; Page content ... & lt; BR & gt; 111 & lt; BR & gt; 222 & lt; BR & gt; 333 & lt; / TD> & Lt; / TR & gt; & Lt; TR & gt; & Lt; TD bgcolor = yellow id = footer style = "height: 1%" & gt; Bottom ... & lt; BR & gt; 111 & lt; BR & gt; 222 & lt; BR & gt; 333 & lt; BR & gt; & Lt; Button onclick = "document.getElementById ('footer'). InnerHTML + '& lt; BR & gt; more footer ...';" & Gt; Increase footer & lt; / Button & gt; & Lt; / TD & gt; & Lt; / TR & gt; & Lt; / Table & gt; & Lt; / Body & gt; & Lt; / Html & gt;

Add it as a CSS in your footer. < Pre> #footers {status: fixed; Left: 0px; Bottom: 0px; Height: 30px; Width: 100%; Background color: // whatever color you want}