網(wǎng)站建設中CSS浮動屬性Float詳解
2020-04-20 分類： 網(wǎng)站建設
CSS浮動屬性Float詳解
什么是CSS Float？
float 是 css 的定位屬性。在傳統(tǒng)的印刷布局中，文本可以按照需要圍繞圖片。一般把這種方式稱為“文本環(huán)繞”。在中，應用了CSS的float屬性的頁面元素就像在印刷布局里面的被文字包圍的圖片一樣。浮動的元素仍然是網(wǎng)頁流的一部分。這與使用絕對 定位的頁面元素相比是一個明顯的不同。絕對定位的頁面元素被從網(wǎng)頁流里面移除了，就像印刷布局里面的文本框被設置為無視頁面環(huán)繞一樣。絕對定位的元素不會 影響其它元素，其它元素也不會影響它，無論它是否和其它元素挨著。
像這樣在一個元素上用CSS設置浮動：
#sidebar { float： right; }
fload屬性有四個可用的值：Left 和Right 分別浮動元素到各自的方向，None （默認的） 使元素不浮動，Inherit 將會從父級元素獲取float值。
Float的用處
除了簡單的在圖片周圍包圍文字，浮動可用于創(chuàng)建全部網(wǎng)頁布局。
什么是CSS Float？
float 是 css 的定位屬性。在傳統(tǒng)的印刷布局中，文本可以按照需要圍繞圖片。一般把這種方式稱為“文本環(huán)繞”。在中，應用了CSS的float屬性的頁面元素就像在印刷布局里面的被文字包圍的圖片一樣。浮動的元素仍然是網(wǎng)頁流的一部分。這與使用絕對 定位的頁面元素相比是一個明顯的不同。絕對定位的頁面元素被從網(wǎng)頁流里面移除了，就像印刷布局里面的文本框被設置為無視頁面環(huán)繞一樣。絕對定位的元素不會 影響其它元素，其它元素也不會影響它，無論它是否和其它元素挨著。
像這樣在一個元素上用CSS設置浮動：
#sidebar { float： right; }
fload屬性有四個可用的值：Left 和Right 分別浮動元素到各自的方向，None （默認的） 使元素不浮動，Inherit 將會從父級元素獲取float值。
Float的用處
除了簡單的在圖片周圍包圍文字，浮動可用于創(chuàng)建全部網(wǎng)頁布局。
分享名稱：網(wǎng)站建設中CSS浮動屬性Float詳解
新聞來源：http://chinadenli.net/news32/81932.html
網(wǎng)站建設、網(wǎng)絡推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡營銷seo公司；服務項目有網(wǎng)站建設等
聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內容
- 網(wǎng)站建設行業(yè)其實很辛苦 2020-04-19
- 網(wǎng)站建設過程中的幾大禁忌 2020-04-19
- 網(wǎng)站建設標題title的注意事項 2020-04-18
- 推廣型網(wǎng)站建設要注意哪些 2020-04-16
- 網(wǎng)站建設項目溝通中的經(jīng)驗 2020-04-15
- 網(wǎng)站建設的5條非常不錯的建議 2020-04-20
- 成都網(wǎng)站建設公司價格 2020-04-19
- 網(wǎng)站建設是套用模板還還是定做好？ 2020-04-18
- 專業(yè)網(wǎng)站建設公司有哪些，高品質的專業(yè)做網(wǎng)站 2020-04-18
- 上海網(wǎng)站建設設計的流程 2020-04-18
- 挑選網(wǎng)站建設公司幾個方面需要特別注意 2020-04-16
- 手機網(wǎng)站建設需求了解當時移動設備做好兼容性 2020-04-15
- 網(wǎng)站建設中網(wǎng)站優(yōu)化描文本鏈接 2020-04-15
- 企業(yè)網(wǎng)站建設一定要先響應式網(wǎng)站設計 2020-04-15
- 如何提升企業(yè)網(wǎng)站建設品牌形象設計 2020-04-14
- 網(wǎng)站建設中背景設計思路 2020-04-14
- 網(wǎng)站建設到要怎樣才能減少跳出率 2020-04-14
- 網(wǎng)站建設之初SEO需要考慮的事項 2020-04-14
- 如何做好汽車租賃網(wǎng)站建設呢? 2020-04-14