如何設定body高度為100%
阿新 • • 發佈:2019-02-04
body預設是沒有高度的,它是被子元素撐大的。設定border 就能夠看出來。
瀏覽器的開發廠商為了設定背景色建議,背景色設定給body,那麼就會全屏應用。
但是,body的高度並沒有發生改變。
那麼如何設定body為100%呢?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>title</title>
<style>
* {
margin : 0;
padding: 0;
}
html, body {
height: 100%;
}
body {
border: 1px solid #000;
/*box-sizing可以取消因為新增border而出現的滾動條*/
box-sizing: border-box;
background-color: skyblue ;
}
</style>
</head>
<body>
</body>
</html>