DIV+CSS網(wǎng)頁另類上下布局的實(shí)例代碼
更新時(shí)間：2008年10月10日 01:02:59 作者：
在論壇里看到一位朋友在問一個(gè)上下2個(gè)內(nèi)容框的，寬度為100%的布局方式，然后自己也就嘗試了一下，發(fā)現(xiàn)了幾個(gè)問題的存在
先說說在嘗試的過程發(fā)現(xiàn)的幾個(gè)問題
1、盒模型問題
相信玩重構(gòu)或者說是DIV+CSS的朋友應(yīng)該都知道這個(gè)東西，廢話不多說，不知道而有興趣可以去網(wǎng)上搜索一下。這里我提到這個(gè)是因?yàn)檫@個(gè)布局是用百分比來控制的，所以當(dāng)加對(duì)邊框加上1px的邊后，就不好減回來，我是舍棄了上邊的邊框樣式。
2、溢出問題
這個(gè)問題只要對(duì)overflow做hidden就可以了，防止內(nèi)容過長(zhǎng)而溢出。剛剛開始的時(shí)候可以對(duì)html跟body的overflow加一個(gè)hidden屬性。Blank 告訴我，IE默認(rèn)是有滾動(dòng)條的寬度（這個(gè)偶知道），而FF是沒有的（這個(gè)偶就不知道了）。
基本上也就這樣，代碼如下：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
1、盒模型問題
相信玩重構(gòu)或者說是DIV+CSS的朋友應(yīng)該都知道這個(gè)東西，廢話不多說，不知道而有興趣可以去網(wǎng)上搜索一下。這里我提到這個(gè)是因?yàn)檫@個(gè)布局是用百分比來控制的，所以當(dāng)加對(duì)邊框加上1px的邊后，就不好減回來，我是舍棄了上邊的邊框樣式。
2、溢出問題
這個(gè)問題只要對(duì)overflow做hidden就可以了，防止內(nèi)容過長(zhǎng)而溢出。剛剛開始的時(shí)候可以對(duì)html跟body的overflow加一個(gè)hidden屬性。Blank 告訴我，IE默認(rèn)是有滾動(dòng)條的寬度（這個(gè)偶知道），而FF是沒有的（這個(gè)偶就不知道了）。
基本上也就這樣，代碼如下：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關(guān)文章
談?wù)劸W(wǎng)頁設(shè)計(jì)中的字體應(yīng)用Font Set
最近有不少人都提及了網(wǎng)頁上該如何選擇字體的問題。問題雖然小，但是卻是前端開發(fā)中的基本，因?yàn)槟壳暗木W(wǎng)頁，還是以文字信息為主，而字體，作為文字表現(xiàn)形式的最重要參數(shù)之一，自然有著相當(dāng)重要的地位。2008-09-09
CSS中Float（浮動(dòng)）相關(guān)技巧文章
CSS中Float（浮動(dòng)）相關(guān)技巧文章...2007-09-09
現(xiàn)在發(fā)現(xiàn)有些人的css寫得很亂 從上到下,那些標(biāo)記只有他自己看得懂,css在哪里,2008-07-07
css代碼編寫m,css代碼編寫教程幾點(diǎn)注意事項(xiàng)2008-02-02
dhtml shtml xhtml的區(qū)別解析...2007-06-06
固定右欄寬度, 左欄內(nèi)容先出現(xiàn)同時(shí)自適應(yīng)寬度的布局
固定右欄寬度, 左欄內(nèi)容先出現(xiàn)同時(shí)自適應(yīng)寬度的布局...2007-01-01
用css濾鏡實(shí)現(xiàn)的文字描邊效果的代碼...2007-11-11
2008-02-02
CSS定位中Positoin、absolute、Relative的一些研究
用Div+CSS進(jìn)行網(wǎng)站布局時(shí)，做一些浮動(dòng)層等特殊特殊效果時(shí)要考慮到定位問題。這就要用到Positoin屬性等。2008-10-10
一個(gè)很顯淺的寓言，千年老樹，電打雷劈，屹立不倒，卻毀于螻蟻的侵襲之下。自以為精通CSS的人，常常被一些小問題搞到頭暈?zāi)X脹。2010-01-01