-1

谁能帮我制作一个基于 DIV 的 HTML 代码，它的结果与这个基于 TABLE 的代码类似：

<HTML>
<BODY>

<STYLE>
html,body {height:100%;}
</STYLE>

<TABLE cellpadding=0 cellspacing=0 height=100% width=100%>
<TR>
  <TD bgcolor=pink>
    Page content...<BR>111<BR>222<BR>333
  </TD>
</TR>
<TR>
  <TD bgcolor=yellow id=footer style="height:1%">
    Footer...<BR>111<BR>222<BR>333<BR>
    <BUTTON onclick="document.getElementById('footer').innerHTML+='<BR>more footer...';">Increase footer</BUTTON>
  </TD>
</TR>
</TABLE>

</BODY>
</HTML>
4

2 回答 2

0

您需要指定中心 div/元素的最小高度。

例如，以下 HTML 片段将确保页脚始终距离浏览器顶部至少 600 像素

<html>
<head>
</head>
<body>

<div style="min-height: 600px;" id="center-content">

</div>

<div id="footer">

</div>
</body>
</html>
于 2011-04-07T18:18:30.187 回答
0

将此作为 CSS 添加到您的页脚..

#footer{
   position:fixed;
   left:0px;
   bottom:0px;
   height:30px;
   width:100%;
   background-color : //whichever color you want
}
于 2011-03-28T08:55:40.167 回答