为了账号安全,请及时绑定邮箱和手机立即绑定

全部设置包了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>


正在回答

2 回答

不是页面无法显示,因为你每一张高度都是100%所以你在页面上只能看到第一张页面,其他页面都在屏幕下方,又因为你body和html设置了overflow:hidden,所以滚动条被隐藏了,所以你没办法滑倒下一张了,你把overflow:hidden先注释了,你就能看到另外两张了



0 回复 有任何疑惑可以回复我~

你不要把height改成百分比。你这里的意思是所有div、li的高度都占用100%(意思就是整个页面的高度都被占用了)。

把他改成固定像素就好了,比如  

li{height:30px;}

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

全部设置包了100%之后,body和html设置了overfload:hidden,页面就无法显示了

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信