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