Question

我正在尝试将div从当前位置延伸到页面末尾。我怎么能这样做？这是我的代码：

<div style="text-align:center; font-weight:bold; font-size:small; background-color:Silver; position:absolute; width:100%">Copyright © Aradmey<br /><%= GetDomain() %></div>

div没有放在页面的顶部，它只是页脚，我无法正常工作..

目前，该网页看起来像this。我希望它看起来像this，但如果它没有伸展到底部那么它可以滚动。我希望它只有在尚未达到底部的情况下才能伸展。

Answer 1

我会建议。

＆＃13;

html,body{height: 100%;}
.stretch{
  height: 100%;
  display: table;
  width: 100%;
}
.stretch .left{
  display: table-cell;
  width: 40%;
  background: #333;
}
.stretch .right{
  display: table-cell;
  width: 60%;
  background: #ccc;
}

＆＃13;

<div class="stretch">
  <div class="left"></div>
  <div class="right"></div>
</div>

＆＃13;

Answer 2

将来html和css应该在不同的类中，如下所示： Fiddle

使用你的代码你只需要添加＆＃34; bottom：0;＆＃34;你的风格：print

CSS
#footer{
    text-align:center;
    font-weight:bold;
    font-size:small; 
    background-color:Silver;
    position:absolute;
    width:100%;
    bottom: 0;
}

HTML
<div id="footer">Copyright © Aradmey<br /><%= GetDomain() %></div>

如何将div从某个位置拉伸到页面底部？

2 个答案: