請先看圖,這裡主要用到了float屬性,該屬性的值指出了物件是否及如何浮動
語法：float :none|left|right
引數：none :物件不浮動;left :物件浮在左邊;right :物件浮在右邊
請看**,請css高手指教,其他還可以用position來實現兩欄,只是用習慣了float.
code
doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" ""
>
<
html
xmlns
="">
<
head
>
<
title
>
經典兩欄布局例項
title
>
<
style
type
="text/css"
>
/*通用空白間距
*/.blank9
#wrap
#header
/*左邊
*/#sideleft
/*右邊
*/#sideright
/*頁尾
*/#footer
style
>
head
>
<
body
>
<
div
id="wrap"
>
<
div
id="header"
>
<
a name
="top"
>
a>
<
span
>
頁頭span
>
div>
<
div
class
="blank9"
>
div>
<
div
id="sideleft"
>
<
span
>
左邊span
>
div>
<
div
id="sideright"
>
<
span
>
右邊span
>
div>
<
div
class
="blank9"
>
div>
<
div
id="footer"
>
<
div
id="foot"
>
<
span
>
頁尾span
>
div>
div>
div>
body
>
html
>
推薦閱讀:css+div布局總結——基礎篇,對div布局做了很好的總結,值的所有初學者閱讀
CSS常用框架經驗分享
css常用框架經驗分享 css框架是一系列 css 檔案的集合體，包含了基本的元素重置，頁面排版 網格布局表單樣式 通用規則等 塊,用於簡化web前端開發的工作，提高工作效率。比如 yui,blueprint,bootstrap,elastic css 或許是因為這點現在好多人都用css 框架進行快...
學習前端css經驗分享
自己學習前端大概半個月了，零零散散，但相對與平時也是很不錯的一段學習時間。在寫正式部落格之前，做一下推廣，我廠的前端工程師，開發工具現在都是這樣的sublime webstorm clam yo glup，好，就這樣，具體作用，大家可以自行學習下，如有機會，下次會把自己的使用心得記錄下，下面進入正題...
CSS精靈技術及其優化經驗分享
由於網速的限制，頁面開發者都喜歡把網頁裡面的位元組數控制的非常小，往往在乙個資料夾裡散落著n多的小碎圖。隨著網路技術的發展，網速的提公升，大家越來越重視頁面的載入速度，頁面效率問題，過去的那些小圖便成為了前端開發者的眼中釘，因為每載入一張都會產生一次瀏覽器請求數，發起的請求數越多那麼頁面載入的速度也...