AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > 网页制作

页面出现滚动条的时候如何让滚动条不影响页面宽度

51自学网 http://www.wanshiok.com
滚动条,页面宽度设置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了,就不能自动居中了)
滚动条,页面宽度  
上一篇:禁用IE10的密码明文显示和快速清除功能的方法  下一篇:美妆造型类网站 颜色搭配技巧的方案及效果展示