DIVCSS網頁版面的頁面中 左右抖動的解決方案。
最近在設計網站時就老有這個問題,設計好會員中心,內容為margin:0 auto;居中時,打開網頁的一瞬間網頁會向左擺一下,進了另一個頁面時,網頁又會向右擺一下,然後又向左擺回來,如果經常在頁面中跳轉,會看得頭暈,原因是網頁的高度不夠時,右邊的滾動條是不會出來的,這裡網頁的寬要加上滾動條的寬,margin:0 auto;時,網頁的是居中的,但網頁的高能夠讓瀏覽器出現滾動條時,這裡的網頁的寬當然就要減去滾動條的寬了,這時網頁就會向左擺一點
不然道上面說的明不明白?應該有好多人都有過這種情況,解決方法很簡單,就是在樣式表(CSS)中讓右滾動條一直出現就行了,網頁高不夠瀏覽器出現右滾動條時,也讓它出來,代碼是:
Example Source Code
[www.downcodes.com] html{overflow-y:scroll;}
很簡單,不過我寫網頁時的頭部是這樣子的:
Example Source Code
[www.downcodes.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">
