首頁 >web前端 >css教學 >DIV CSS網頁另類上下佈局的實例代碼_經驗交流

DIV CSS網頁另類上下佈局的實例代碼_經驗交流

WBOY
WBOY原創
2016-05-16 12:04:231740瀏覽

先說說在嘗試的過程發現的幾個問題
1、盒子模型問題
相信玩重構或DIV CSS的朋友應該都知道這個東西,廢話不多說,不知道而有興趣可以上網搜尋一下。這裡我提到這個是因為這個佈局是用百分比來控制的,所以當加對邊框加上1px的邊後,就不好減回來,我是捨棄了上邊的邊框樣式。

2.溢出問題
這個問題只要對overflow做hidden就可以了,防止內容過長而溢出。剛開始的時候可以對html跟body的overflow加一個hidden屬性。 Blank 告訴我,IE預設是有捲軸的寬度(這個偶知道),而FF是沒有的(這個偶就不知道了)。

基本上也就是這樣,程式碼如下:

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn