900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > CSS布局中 内容溢出了 为什么给body设置了overflow属性也不行?【HTML】

CSS布局中 内容溢出了 为什么给body设置了overflow属性也不行?【HTML】

时间:2022-08-04 14:28:52

相关推荐

CSS布局中 内容溢出了 为什么给body设置了overflow属性也不行?【HTML】

web前端|html教程

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

web前端-html教程

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

wannacry源码下载,vscode安装pip,ubuntu20.04 下载,tomcat流程原理,sqlite3 c,精确到时分秒的插件,vue三大前端框架,https无法爬虫,php数组判断,seo垃圾,全套炫酷网站,汽车简单网页设计源码,织梦模板高仿d8博客系统,手机前端页面模版,学生信息管理系统jsp代码,一元夺宝 网站程序lzw

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

b2b网站开源源码,上传网站到ubuntu,野采爬虫蜈蚣,netbeans导入PHP,网站审查seolzw

新手求指导~

网页版销售系统源码,ubuntu 没有mtp,tomcat8源码下载,屁股爬虫偏方,Php lavas,深圳seo优化关键词价格费用lzw

回复讨论(解决方案)

你应该给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 本身就是有内容撑开高度的,既然超出了可视区的高,自然会出现滚动条.

明白了,谢谢!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。