DIVCSS中 左右抖動的解決方案_CSS教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
這是一位Mb5u.com網友的經驗文章。DIVCSS網頁布局的頁面中 左右抖動的解決方案。
最近在設計網站時就老有這個問題,設計好會員中心,內容為margin:0 auto;居中時,打開網頁的一瞬間網頁會向左擺一下,進了另一個頁面時,網頁又會向右擺一下,然后又向左擺回來,如果經常在頁面中跳轉,會看得頭暈,原因是網頁的高度不夠時,右邊的滾動條是不會出來的,這里網頁的寬要加上滾動條的寬,margin:0 auto;時,網頁的是居中的,但網頁的高能夠讓瀏覽器出現滾動條時,這里的網頁的寬當然就要減去滾動條的寬了,這時網頁就會向左擺一點
不然道上面說的明不明白?應該有好多人都有過這種情況,解決方法很簡單,就是在樣式表(CSS)中讓右滾動條一直出現就行了,網頁高不夠瀏覽器出現右滾動條時,也讓它出來,代碼是:
很簡單,不過我寫網頁時的頭部是這樣子的:
不然道其它情況會怎樣,沒試過。
最近在設計網站時就老有這個問題,設計好會員中心,內容為margin:0 auto;居中時,打開網頁的一瞬間網頁會向左擺一下,進了另一個頁面時,網頁又會向右擺一下,然后又向左擺回來,如果經常在頁面中跳轉,會看得頭暈,原因是網頁的高度不夠時,右邊的滾動條是不會出來的,這里網頁的寬要加上滾動條的寬,margin:0 auto;時,網頁的是居中的,但網頁的高能夠讓瀏覽器出現滾動條時,這里的網頁的寬當然就要減去滾動條的寬了,這時網頁就會向左擺一點
不然道上面說的明不明白?應該有好多人都有過這種情況,解決方法很簡單,就是在樣式表(CSS)中讓右滾動條一直出現就行了,網頁高不夠瀏覽器出現右滾動條時,也讓它出來,代碼是:
示例代碼 [www.wf0088.com]
html{overflow-y:scroll;}
很簡單,不過我寫網頁時的頭部是這樣子的:
示例代碼 [www.wf0088.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中 左右抖動的解決方案
。