全部設(shè)置包了100%之后，body和html設(shè)置了overfload：hidden，頁(yè)面就無法顯示了
<!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
不是頁(yè)面無法顯示，因?yàn)槟忝恳粡埜叨榷际?00%所以你在頁(yè)面上只能看到第一張頁(yè)面，其他頁(yè)面都在屏幕下方，又因?yàn)槟鉨ody和html設(shè)置了overflow：hidden，所以滾動(dòng)條被隱藏了，所以你沒辦法滑倒下一張了，你把overflow：hidden先注釋了，你就能看到另外兩張了
2017-05-10
你不要把height改成百分比。你這里的意思是所有div、li的高度都占用100%（意思就是整個(gè)頁(yè)面的高度都被占用了）。
把他改成固定像素就好了，比如 ?
li{height：30px；}