问一个低级的前端问题，怎么样让屏幕变小后出现滚轮，而不是内部元素变形？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

这是一个创建于 4009 天前的主题，其中的信息可能已经有所发展或是发生改变。

www.monsieurg.fr/story/

比如用chrome打开这个页面，使用开发者工具的时候
下面的弹窗应该是要覆盖掉footer而不是把footer顶上来。。。

footer

顶上来

弹窗

8 条回复 • 1970-01-01 08:00:00 +08:00

388jintao

2014-01-06 23:51:11 +08:00

这样不是挺好的嘛，应该是你高度用的百分比的缘故吧

kshift

2014-01-06 23:56:05 +08:00

#content {
min-height: xxxpx;
}
xxx 随便写个你想要的高度嘛。

amgo

2014-01-07 00:09:33 +08:00

非要这样实现的话
footer用margin-top取一个足够大的值，别忘了删除 position: absolute及相关的

ps：不建议你这样做，正如楼上说的，目前这样挺好的

miniwade514

2014-01-07 07:34:50 +08:00 via Android

不想变形就设置固定的高度值，想出现滚轮就给父元素加个 overflow-y: auto;

Navee

2014-01-07 08:58:58 +08:00

给容器一个固定的高度和宽度,再加上overflow:auto;样式应该就能达到你要的效果了

hkongm

2014-01-07 09:03:38 +08:00

1. 元素必须有高
2. overflow:scroll

jazdelu

2014-01-07 09:19:28 +08:00

回复以上
因为想把footer一直固定在底端所以采用了position:absolute的做法。。
但是好像窗口高度变小，中间的内容就会和footer重合在一起很不好看。。
于是采用了

@media only screen and (max-height : 600px) {
#footer{
position: relative;
margin-top: 20px;
}
}
当窗口高度小于600或其他值时将position改为relative..
倒时可以简陋得解决这个问题。。

housne

2014-01-07 09:46:08 +08:00

可以搜索下 sticky footer