文件流
流動方向
inline 元素從左到右，到達最右邊才會換行；
block 元素從上到下，每乙個都另起一行；
inline-block 也是從左到右，
寬度
inline 寬度為內部 inline 元素的和，部能用 width 指定；
block 預設自動計算寬度，可用 windth 指定；
inline-block 結合前兩者特點，可用 width。
高度
inline 高度由 line-height 間接確定，跟 height 無關；
block 高度由內部文件流元素決定，可以設 height；
inline-bllock 跟 block 類似，可以設定 height。
脫離文件流的元素
float
position:absolute / fixed
overflow 溢位
當內容大於容器
等內容的寬度或者高度大於容器的會溢位；
可用 overflow 來設定是否顯示滾動條；
auto 是靈活設定
scroll 是永遠顯示（基本不用，十分醜！！）
hidden 是直接隱藏溢位部分
visible 是直接顯示溢位部分
overflow 可以分為 overflow-x 和 overflow-y 注意
永遠不要把寬度設定為 100%；
CSS布局文件流
文件流是文件中可顯示物件在排列時所占用的位置。css定位大致可以分成三類模型 普通流模型 浮動模型 和定位模型 普通文件流 顧名思義，普通流中的元素的位置由在html中的位置決定，根據上下級和前後的順序，乙個乙個的排列在介面上 當然根據元素的型別不一樣，排列的方式會不一樣，但先後順序，顯示層次關係不...
前端 CSS文件流
css的定位機制有3種 普通流浮動 float left right none 和 定位 position static relative absolute 普通流 正常的文件流 在html 裡面的寫法就是從上到下，從左到右的排版布局.塊元素乙個接著乙個,填滿瀏覽器視窗或其他視窗元素的所有可用寬度....
CSS脫離文件流
脫離文件流 也就是將元素從普通的布局排版中拿走，其他盒子在定位的時候，會當做脫離文件流的元素不存在而進行定位。需要注意的是，使用float脫離文件流時，其他盒子會無視這個元素，但其他盒子內的文字依然會為這個元素讓出位置，環繞在周圍。其他盒子與其他盒子內的文字都會無視它。float 如上圖 div2實...