css居中设置使网页左右抖动的解决办法

转载 2012年03月28日 18:51:50

css居中设置使网页左右抖动的解决办法

css中关于margin:0 auto;使网页左右抖动的解决办法
DIV+CSS网页布局的页面中 左右抖动的解决方案。
最近在设计网站时就老有这个问题,设计好会员中心,内容为margin:0 auto;居中时,打开网页的一瞬间网页会向左摆一下,进了另一个页面时,网页又会向右摆一下,然后又向左摆回来,如果经常在页面中跳转,会看得头晕,原因是网页的高度不够时,右边的滚动条是不会出来的,这里网页的宽要加上滚动条的宽,margin:0 auto;时,网页的是居中的,但网页的高能够让浏览器出现滚动条时,这里的网页的宽当然就要减去滚动条的宽了,这时网页就会向左摆一点

不然道上面说的明不明白?应该有好多人都有过这种情况,解决方法很简单,就是在样式表(CSS)中让右滚动条一直出现就行了,网页高不够浏览器出现右滚动条时,也让它出来,代码是:

html{overflow-y:scroll;}

很简单,不过我写网页时的头部是这样子的:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN">

不然道其它情况会怎样,没试过。


原文地址:http://www.mianfeimoban.com/jianzhang_cyruanjian/cssjc/20120319/10867.html 欢迎转载!


相关文章推荐

CSS小技巧网页居中报表页面左右抖动解决方法

CSS小技巧网页居中报表页面左右抖动解决方法

css垂直居中解决办法

作为前端攻城师,在制作Web页面时都有碰到CSS制作水平垂直居中,我想大家都有研究过或者写过,特别的其中的垂直居中,更是让人烦恼。这段时间,我收集了几种不同的方式制作垂直居中方法,但每种方法各有千秋呀...

css网页制作 非常有用的解决办法 共8个

一. 介绍 这篇文章包括了8个非常有用的解决办法, 在进行css设计遇到问题时你就会用到它们. 二. 针对浏览器的选择器 这些选择器在你需要针对某款浏览器进行css设计时将非常有用. ...

网页打不开的解决办法

  • 2015年01月07日 09:03
  • 6KB
  • 下载

关于在WORD中MathType编辑公式居中及编号右对齐问题的解决办法

一、首先打开样式的面板中“更改样式”右下角的小下标,打开所有的预存样式。   二、点击“MTDisplayEquation”的下拉列表中的“修改”选项,会出现如下图所示的修改样式面板。 ...

input文本框、文字、按钮、图片 垂直居中对齐的解决办法

1.input 文本框 文字垂直居中对齐 表单默认input文本框文字并不垂直居中而在顶端,如何调整呢,可以通过css来调整垂直高度,代码演示如下 input type...
  • familyGo
  • familyGo
  • 2011年07月27日 09:38
  • 13820
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:css居中设置使网页左右抖动的解决办法
举报原因:
原因补充:

(最多只允许输入30个字)