当前位置:Gxlcms > html代码 > CSS布局中,内容溢出了,为什么给body设置了overflow属性也不行?_html/css_WEB-ITnose

CSS布局中,内容溢出了,为什么给body设置了overflow属性也不行?_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:237人阅读

上面的绿色区域超出了页面,给body设置overflow:scroll;

结果是下面这样,滚动条只是外观上出来了,但是不能滚动,这是为神马?



新手求指导~


回复讨论(解决方案)

你应该给body设置定高,不然如果内容没有超出可视区的高度,自然不会滚动,你可以改变窗口的大小来看效果

你应该给body设置定高,不然如果内容没有超出可视区的高度,自然不会滚动,你可以改变窗口的大小来看效果
确实,一开始,我给BODY的HEIGHT设置了100%,所以没有作用,现在让它超出100%就能滑动了。但是我的每个div的height都是用百分数设置的,为什么改变了body的height之后,他们的高度都没发生变化呢?

我明白我错哪了:
我一开始给页面每个div用的position:absolute来布局,所以给body设置height:150%的时候对div没有高度变化的影响。但是用这种方式布局必须设置每一个div的left和top,而且改动上面的div会导致下面的数据必须跟着变。更麻烦的是left和top在用百分数的时候,随着浏览器的放大缩小,元素的位置很不稳定。

改用对部分元素float,部分元素调整margin的方法来布局,当内容超出页面的时候无论设置不设置overflow页面都会自动加上滚动条,这又是为什么?

body 本身就是有内容撑开高度的,既然超出了可视区的高,自然会出现滚动条.

body 本身就是有内容撑开高度的,既然超出了可视区的高,自然会出现滚动条.
明白了,谢谢!

人气教程排行