亚洲AV无码乱码在线观看不卡|最新大伊香蕉精品视频在线|亚洲不卡av一区二区|国产美女无遮挡免费

登錄論壇 | 注冊會員 設(shè)為首頁 | 收藏本站
當前位置 : 首頁>軟件學(xué)院>程序開發(fā)>CSS>正文
 
CSS實例教程:非浮動區(qū)域設(shè)置寬度

http://www.yibo1263.com 2010-6-21 7:12:06  來源:東北IT網(wǎng)  編輯:葉子
 
  前一段時間我在做Green Gaint這個主題的時候,發(fā)現(xiàn)了一個在布局中出現(xiàn)的關(guān)于浮動的問題。讓我來說明一下,如下圖所示:

  
css


  我們假設(shè)有一個容器A,在這個容器內(nèi)有兩個容器B和C,B設(shè)置了高度和寬度,并且向左浮動,C沒有浮動,它將圍繞在B區(qū)域的周圍,這是典型的浮動效果,沒有問題。

  但是當C容器設(shè)置了寬度之后,并且B和C的寬度之和小于A容器之后的效果,在Firefox和IE8中是這樣的:

  
css


  在IE6和IE7中的表現(xiàn)是這樣的:

  
css


  在這里,讓我們將B區(qū)域看作是網(wǎng)頁中的主要內(nèi)容區(qū),C區(qū)域看作是側(cè)邊欄,要達到B在左,C在右,B和C之間還要保留一定的空間的話,我們還要給C設(shè)置margin-left屬性,當添加上左邊距的屬性后,IE和Firefox中的布局一致了。

  當然,你可以完全不用給C區(qū)域設(shè)置寬度,只需要添加左邊距就能達到希望的布局效果,但是有時候我們需要給C區(qū)域添加寬度值的時候,你要明白Firefox、IE8和IE6、IE7對于這種布局的表現(xiàn)是不同的。
 
收藏】【打印】【進入論壇
  相關(guān)文章:

·CSS3 Media Queries 詳解
·css的效率和瀏覽器渲染的速度
·關(guān)于CSS HACK 解決兼容的寫法 
·小議使用“完整”的CSS的缺點
·關(guān)于CSS不透明的詳細介紹 
·CSS中設(shè)置段落間距的方法
·用css網(wǎng)站布局之十步實錄
·DIV+CSS布局代碼精簡對SEO的影響 
·CSS教程:網(wǎng)頁中英文字體的設(shè)置 
·css3文本陰影屬性text-shadow說明 
·css3陰影屬性box-shadow注意事項 

 
 
 
 
最新文章

中關(guān)村艷照門女主角詳記錄高清組圖 
大連護士門大尺度艷照高清組圖
iPhone女孩微博爆紅 最寶貴東西換iPhon
反恐精英之父內(nèi)維爾:改變電腦游戲銷售
團購網(wǎng)站黎明之前:中國市場慘烈廝殺不
團購鼻祖Groupon中國揭秘:快與慢的商業(yè)
Spil Games發(fā)布新的品牌形象
1800配置一臺主機 不要顯示器
聯(lián)想V360筆記本模特寫真
愛國者第四代移動硬盤將面市、低電壓保

 
推薦文章
1
2
3
4
5
6
7
8
9
10
iPhone女孩微博爆紅 最寶貴東西換
大連護士門大尺度艷照高清組圖
中關(guān)村艷照門女主角詳記錄高清組
蘋果員工中毒門
宮如敏不雅照瘋傳 看張馨予韓一菲
深耕市場 永續(xù)經(jīng)營——專訪百腦匯
優(yōu)派專業(yè)電子書 讓您回家旅途多姿
揭曉百萬大獎三星bada魅力綻放中
大明龍權(quán)“江湖英雄會”全國PK大
永恒之塔校園達人挑戰(zhàn)賽完美落幕
八卦圖解 More>>
iPhone女孩微博爆紅 最寶貴東西換 大連護士門大尺度艷照高清組圖
中關(guān)村艷照門女主角詳記錄高清組 宮如敏不雅照瘋傳 看張馨予韓一菲