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)容過長而溢出。剛剛開始的時(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)容過長而溢出。剛剛開始的時(shí)候可以對(duì)html跟body的overflow加一個(gè)hidden屬性。Blank 告訴我，IE默認(rèn)是有滾動(dòng)條的寬度（這個(gè)偶知道），而FF是沒有的（這個(gè)偶就不知道了）。
基本上也就這樣，代碼如下：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關(guān)文章
常用的DIV+CSS的基本框架結(jié)構(gòu)但不推薦都放一個(gè)div里
常用的DIV+CSS的基本框架結(jié)構(gòu)但不推薦都放一個(gè)div里...2007-09-09
有時(shí)候我們需要首字母大寫，不必每次都編輯文章了，用css實(shí)現(xiàn)更方便2008-06-06
對(duì)設(shè)置樣式時(shí)怎么區(qū)分input是按鈕還是文本框問題的技術(shù)調(diào)查——把input里面的東西剔出來2008-09-09
網(wǎng)頁中img圖片使用css實(shí)現(xiàn)等比例自動(dòng)縮放不變形（代碼已測試）
這篇文章主要介紹了網(wǎng)頁中img圖片使用css實(shí)現(xiàn)等比例自動(dòng)縮放不變形（已測試）的相關(guān)資料,需要的朋友可以參考下2023-03-03
我能夠使用CSS和列表創(chuàng)造有子菜單的導(dǎo)航欄嗎？ 有時(shí)候我們需要超過一級(jí)的導(dǎo)航欄 – 可是在CSS里面用樣式化的列表能夠創(chuàng)建多級(jí)導(dǎo)航欄嗎？2008-05-05
css 之 background-position-x...2007-08-08
《CSS3實(shí)戰(zhàn)》筆記--漸變?cè)O(shè)計(jì)（一)
這篇文章主要介紹了《CSS3實(shí)戰(zhàn)》筆記--漸變?cè)O(shè)計(jì)（一,需要的朋友可以參考下2016-05-05
編寫好的CSS代碼，有助提升頁面的渲染速度。本質(zhì)上，引擎需要解析的CSS規(guī)則越少，性能越好。MDN上將CSS選擇符歸類成四個(gè)主要類別，如下所示，性能依次降低2014-03-03
IE和FIREFOX下CSS的區(qū)別與解決方法...2007-03-03
研究了一下div+css的高度自適應(yīng)問題...2007-08-08