網頁整頁呈現

問題

  • html與body有預設一定大小,不是整頁呈現。
  • html與body有預設padding與margin,所以内容元素無法無縫接軌。
  • 所以網頁無法整頁呈現

將所有元素用border顯示,可以看出最外圍的兩個框框就是html與body的預設大小

full-size-min

解法

  • width, height設為100%
  • padding, margin設為0px
html,body{
 width: 100%; 
 height: 100%;
 padding: 0px; 
 margin: 0px;
}

成果

現在外圍的預設框線(表示網頁的邊界)都不見了!
網頁能夠整頁顯示了

full-size-2-min

Leave a Reply

Your email address will not be published. Required fields are marked *