概述
设置body的宽度为window的宽度（以下脚本控制）
$("body").css("width", $(window).width());
同时设置body的overflow（样式里写）
body{ overflow-x: hidden;}
ps：
同理，div里面的table也是这样处理 
设置tableContainer（样式里写）、tableMain（脚本控制）的宽度等于tableMainHead的宽度
复制代码
代码如下:$(".tableMain").css("width", $(".tableMainHead").css("width"));
设置tableContainer的overflow为hidden（样式里写）
这样做带来一个缺点，就是浏览器窗口大小变化的时候，body里面的内容不能自动居中（原本用百分比做宽度设置的div等是可以使用margin：auto自动居中的，现在将多出来的部分hidden了，就不能自动居中了）
最后
以上就是大力小甜瓜为你收集整理的页面出现滚动条的时候如何让滚动条不影响页面宽度的全部内容，希望文章能够帮你解决页面出现滚动条的时候如何让滚动条不影响页面宽度所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复