DIVCSS中左右抖動(dòng)的解決方案_CSS教程

教程Tag：暫無Tag,歡迎添加,賺取U幣!

　　這是一位Mb5u.com網(wǎng)友的經(jīng)驗(yàn)文章。DIVCSS網(wǎng)頁布局的頁面中左右抖動(dòng)的解決方案。
　　最近在設(shè)計(jì)網(wǎng)站時(shí)就老有這個(gè)問題,設(shè)計(jì)好會(huì)員中心,內(nèi)容為margin:0 auto;居中時(shí),打開網(wǎng)頁的一瞬間網(wǎng)頁會(huì)向左擺一下,進(jìn)了另一個(gè)頁面時(shí),網(wǎng)頁又會(huì)向右擺一下,然后又向左擺回來,如果經(jīng)常在頁面中跳轉(zhuǎn),會(huì)看得頭暈,原因是網(wǎng)頁的高度不夠時(shí),右邊的滾動(dòng)條是不會(huì)出來的,這里網(wǎng)頁的寬要加上滾動(dòng)條的寬,margin:0 auto;時(shí),網(wǎng)頁的是居中的,但網(wǎng)頁的高能夠讓瀏覽器出現(xiàn)滾動(dòng)條時(shí),這里的網(wǎng)頁的寬當(dāng)然就要減去滾動(dòng)條的寬了,這時(shí)網(wǎng)頁就會(huì)向左擺一點(diǎn)

　　不然道上面說的明不明白?應(yīng)該有好多人都有過這種情況,解決方法很簡單,就是在樣式表(CSS)中讓右滾動(dòng)條一直出現(xiàn)就行了,網(wǎng)頁高不夠?yàn)g覽器出現(xiàn)右滾動(dòng)條時(shí),也讓它出來,代碼是:

示例代碼 [www.hl5o.cn]

html{overflow-y:scroll;}

　　很簡單,不過我寫網(wǎng)頁時(shí)的頭部是這樣子的:

示例代碼 [www.hl5o.cn]

<?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">

　　不然道其它情況會(huì)怎樣,沒試過。