全部設置包了100%之后，body和html設置了overfload：hidden，頁面就無法顯示了
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{
margin: 0px;
padding: 0px;
}
body,html{
height: 100%;
overflow: hidden;
}
div{
height:100%;
}
li,ul{
height: 100%;
}
</style>
</head>
<body>
<div>
<ul>
<li style="background-color:red;">1</li>
<li style="background-color:yellow;">2</li>
<li style="background-color:blue">3</li>
</ul>
</div>
</body>
</html>
2017-06-04
不是頁面無法顯示，因為你每一張高度都是100%所以你在頁面上只能看到第一張頁面，其他頁面都在屏幕下方，又因為你body和html設置了overflow：hidden，所以滾動條被隱藏了，所以你沒辦法滑倒下一張了，你把overflow：hidden先注釋了，你就能看到另外兩張了
2017-05-10
你不要把height改成百分比。你這里的意思是所有div、li的高度都占用100%（意思就是整個頁面的高度都被占用了）。
把他改成固定像素就好了，比如 ?
li{height：30px；}