float屬性定義元素脫離文件流浮動，預設值none,left和right控制元素向左右浮動,值inherit繼承父元素的float的屬性
float:left;
float:right;
float:inherit;
display:flex;
.box
row（預設值）：主軸為水平方向，起點在左端。
row-reverse：主軸為水平方向，起點在右端。
column：主軸為垂直方向，起點在上沿,自上而下。
column-reverse：主軸為垂直方向，起點在下沿,自下而上。
.box
nowrap（預設）：不換行,寬度自動壓縮。
wrap：換行，第一行在上方。
wrap-reverse：換行，第一行在下方。
justify-content屬性定義了專案在主軸上(即橫向)的對齊方式。
flex-start（預設值）：左對齊
flex-end：右對齊
center： 居中
space-between：兩端對齊，元件之間的間隔都相等。
space-around：距邊界兩側的間隔相等，元素之間的間隔比專案與邊框的間隔大一倍。
align-items屬性定義專案在交叉軸上(即縱向,垂直)如何對齊。
align-content屬性定義了多根軸線的對齊方式。如果專案只有一根軸線，該屬性不起作用。
電影
css//用main當容器讓box用felx布局
.main
.box
//在box中用float布局實現內容排序
.bm-name
.bm-site
理解css中的float和clear
css浮動 float,clear 通俗講解 1.假如某個div元素a是浮動的，如果a元素上乙個元素也是浮動的，那麼a元素會跟隨在上乙個元素的後邊 如果一行放不下這兩個元素，那麼a元素會被擠到下一行 如果a元素上乙個元素是標準流中的元素，那麼a的相對垂直位置不會改變，也就是說a的頂部總是和上乙個元素...
CSS中float和Clear的使用
本文和大家重點討論一下css中float和clear屬性的使用，乙個float物件可以居左或居右，乙個設定為float的物件，將根據設定的方向，左移或右移到其父容器的邊界，或其前面的float物件的邊界，而緊隨其後的非float物件或內容，則包圍在其相反的方向。css中float和clear屬性用法...
css中float和clear屬性
在做網頁的時候經常會用到這個屬性，使得我們的網頁更加靈活，不至於那麼死板，但是對於初學者而言，他們又不是那麼好理解的，那麼，今天我就來說說我對這兩個屬性的理解。用float屬性時會使元素脫離正常文件流，什麼意思呢，就是讓元素飄起來，自然，地面上發生的任何事都不會與之相關，所以說，如果該元素浮動之前下...