浮動屬性使用非常多
一般為垂直排布的瀑布流，
但是如果使用浮動主題就可以將垂直變為水平
如果一行的寬度不夠就會換行顯示
浮動主要為了脫離文件流(垂直排列)
語法:選擇符
特點：1.div塊元素失去「塊狀」換行顯示特徵，變為行內元素
2.緊貼上乙個浮動元素(同方向)或父級元素的邊框，如寬度不夠將換行顯示
3.佔據行內元素(文字段落)的空間，導致行內元素圍繞顯示
>
>
charset
="utf-8"
>
>
title
>
>
.box1
.box2
.box3
style
>
head
>
>
class
="box1"
>
div>
class
="box2"
>
div>
class
="box3"
>
div>
body
>
html
>
>
>
charset
="utf-8"
>
>
title
>
>
.box1
style
>
head
>
>
class
="box1"
>
div>
>
阿加莎·克里斯蒂（agatha christie，1890—1976）是英國著名女作家，以擅長寫偵探**聞名於世。她也是目前在歐美各國頗為流行的偵探驚險戲劇的創始人。
阿加莎·克里斯蒂，原名阿加莎·瑪麗·克拉麗莎·公尺勒，一**零年九月十五日，生於英國德文郡托爾奎市。她父親是美國人，母親是英國人。阿加莎十一歲時，父親去世，由母親撫養**。一九零六年，她去巴黎學習**，但不久就放棄歌唱家生活，轉而從事寫作。一九一四年，她與阿奇博爾德·克里斯蒂上校結婚。第一次世界大戰期間，她參加了紅十字志願隊，從事救護工作，從而使她得到了許多藥物知識。對她以後的創作頗有得益。一九二八年，阿加莎和阿奇博爾德·克里斯蒂離婚。兩年後，她随一考古隊去美索不達公尺亞訪問，和青年考古學家馬克斯·馬洛溫相遇，雙方一見傾心，同年九月結婚，但發表偵探作品，仍沿用「阿加莎·克里斯蒂」這一姓名。以後，她曾多次隨丈失去中東旅行，寫出許多以中東為背景的作品，由於作者的親身經歷和體會，這些作品在描寫風土人情、渲染情景氣氛方面，真實動人，豐富多彩，一九五六年，阿加莎六十六歲時，獲不列顛帝國勳章及埃克塞特大學名譽文學博士學位；一九七一年，獲女爵士封號。一九七六年一月十二日，阿加莎·克里斯蒂以八十五歲高齡在英國沃林福特逝世。她的生平事蹟已拍成傳記片《阿加莎》。
p>
body
>
html
>
`
浮動屬性CSS
這是第1個盒子 這是第2個盒子 這是第3個盒子 這是乙個div1 這是乙個div2 這是乙個span1 這是乙個span2 浮動的盒子可以向左浮動，也可以向右浮動，直到它的外邊緣碰到包含框或另乙個浮動盒子為止。本網頁中共有三個，分別代表日用品 圖書和鞋子。這裡使用這三個和本段文本來演示講解浮動在網頁...
css浮動屬性
1 為什麼需要浮動 html中的標籤元素大致分為三類 塊狀元素 內聯元素 內聯塊元素。每種元素都有其各自的特點，其中塊狀元素會獨佔一行，而內聯元素和內聯塊元素則會在一行內顯示。如果我們想讓兩個甚至多個塊狀元素在同一行顯示，這就需要用到css的浮動屬性。2 什麼是浮動 float 浮動 float 是...
CSS核心屬性 浮動屬性
float 定義網頁中其他文字如何環繞該元素 語法 說明 left 元素活動浮動在文字左面 right 元素浮動在右面 none 預設值，不浮動 特點 1.div塊元素失去 塊狀 換行顯示特徵，變為行內元素 2.緊貼上乙個浮動元素 同方向 或父級元素得邊框。如寬度不夠將換行顯示 3.佔據行內元素的空...