如何將div從某個位置拉伸到頁面的底部？

我試圖從它的當前位置拉伸div到頁面的末尾。我該怎麼做？這是我的代碼：如何將div從某個位置拉伸到頁面的底部？

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

股利不放置在頁面的頂部，它只是頁腳，我不能得到它的工作的權利..

目前，該頁面看起來像this 。我想它看起來像this，但沒有它伸展到底部，它使它可以滾動。我希望它只有在尚未達到最低點時才能延伸。

來源

2015-03-19 Omer Aviv

我會建議。

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; 
 
}

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

來源

2015-03-19 10:17:26 Kumar

我不需要在同一行上有兩個「div」。我需要一個div伸展到底部。 – 2015-03-19 10:31:23

如果您不想要只需移除一個div就可以移除一個div – Kumar 2015-03-19 10:37:45

在未來的HTML和CSS應該是在不同的班級是這樣的： Fiddle

與我們的代碼ü只需要添加「底：0;」到你的風格：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>

來源

2015-03-19 10:27:43

如何將div從某個位置拉伸到頁面的底部？

回答

相關問題