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

使用绝对定位的时候,当页面内容过多的时候,往下滑动会出现空白的样式,请问怎么解决?

使用绝对定位的时候,当页面内容过多的时候,往下滑动会出现空白的样式,请问怎么解决?

有只小跳蛙 2019-03-05 13:15:24
网页的地址http://www.xinlizhiyouni.com/...使用绝对定位,让页面能覆盖浏览器的可视区域.content {         position: absolute;         top: 0;         bottom: 0em; }但是当页面内容过多的时候,往下滑动会出现空白的样式,请问怎么解决?补充不用绝对定位的话 如果内容过短,当用户打开页面的时候,会看到尾部有一大段空白
查看完整描述

3 回答

?
一只甜甜圈

TA贡献1836条经验 获得超5个赞

重新提交下答案吧

嗯,顺便说下,一般不会设置top: 0, bottom: 0的。


.content {

    position: absolute;

    top: 0;

    left: 0;

    height: auto;

    min-height: 100%;

}

内容超过一屏时:

https://img1.sycdn.imooc.com//5cb2d2790001d50808000620.jpg

内容不足一屏时: 

https://img1.sycdn.imooc.com//5cb2d27b000184e108000766.jpg

查看完整回答
反对 回复 2019-04-14
?
拉风的咖菲猫

TA贡献1995条经验 获得超2个赞

为何要用绝对定位?没必要吧


查看完整回答
反对 回复 2019-04-14
?
忽然笑

TA贡献1806条经验 获得超5个赞

可以不用定位,效果也是一样的。


查看完整回答
反对 回复 2019-04-14
  • 3 回答
  • 0 关注
  • 1362 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信