2011年9月27日 星期二

透過 css 設定讓頁面的高度達到100%

簡單的在頁面上放一個 table
<table border="1" style="border-collapse: collapse;">
<tr><td>aaa</td></tr>
</table>
如果注意觀察,這個 table 的頂端與左邊都會留下空白。當你的頁面有設定背景顏色時,這些空白就會顯得非常突兀。 這時可以透過設定 body 的 margin 與 height 來完成。
<style>
body{ 
margin:0px; 
height:100%; 
} 
</style>
對 body 設定 margin:0px 與 height:100% 之後,就可以達到高度 100% 的效果。
參考:
01.[CSS]網頁標準化實現高度100%
02.css中height:100%不起作用的解决方法

沒有留言:

張貼留言