DIVCSS中 左右抖动的解决方案_CSS教程
教程Tag:暂无Tag,欢迎添加,赚取U币!
这是一位Mb5u.com网友的经验文章。DIVCSS网页布局的页面中 左右抖动的解决方案。
最近在设计网站时就老有这个问题,设计好会员中心,内容为margin:0 auto;居中时,打开网页的一瞬间网页会向左摆一下,进了另一个页面时,网页又会向右摆一下,然后又向左摆回来,如果经常在页面中跳转,会看得头晕,原因是网页的高度不够时,右边的滚动条是不会出来的,这里网页的宽要加上滚动条的宽,margin:0 auto;时,网页的是居中的,但网页的高能够让浏览器出现滚动条时,这里的网页的宽当然就要减去滚动条的宽了,这时网页就会向左摆一点
不然道上面说的明不明白?应该有好多人都有过这种情况,解决方法很简单,就是在样式表(CSS)中让右滚动条一直出现就行了,网页高不够浏览器出现右滚动条时,也让它出来,代码是:
很简单,不过我写网页时的头部是这样子的:
不然道其它情况会怎样,没试过。
最近在设计网站时就老有这个问题,设计好会员中心,内容为margin:0 auto;居中时,打开网页的一瞬间网页会向左摆一下,进了另一个页面时,网页又会向右摆一下,然后又向左摆回来,如果经常在页面中跳转,会看得头晕,原因是网页的高度不够时,右边的滚动条是不会出来的,这里网页的宽要加上滚动条的宽,margin:0 auto;时,网页的是居中的,但网页的高能够让浏览器出现滚动条时,这里的网页的宽当然就要减去滚动条的宽了,这时网页就会向左摆一点
不然道上面说的明不明白?应该有好多人都有过这种情况,解决方法很简单,就是在样式表(CSS)中让右滚动条一直出现就行了,网页高不够浏览器出现右滚动条时,也让它出来,代码是:
示例代码 [www.Mb5u.com]
html{overflow-y:scroll;}
很简单,不过我写网页时的头部是这样子的:
示例代码 [www.Mb5u.com]
<?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">
<!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">
不然道其它情况会怎样,没试过。
相关CSS教程:
- 相关链接:
- 教程说明:
CSS教程-DIVCSS中 左右抖动的解决方案。